1. AXE Accessibility Results

    axe-core found 72 violations
    # Description Axe rule ID WCAG Impact Count
    1 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1 serious 1
    2 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 40
    3 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 serious 9
    4 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 critical 1
    5 Document should have one main landmark landmark-one-main Best practice moderate 1
    6 Ensures landmarks are unique landmark-unique Best practice moderate 1
    7 All page content should be contained by landmarks region Best practice moderate 19

    Failed

    1. ARIA progressbar nodes must have an accessible name
    Learn more
    aria-progressbar-name
    WCAG 2 Level A, WCAG 1.1.1

    Ensures every ARIA progressbar node has an accessible name

    serious
    Issue Tags: cat.aria wcag2a wcag111
    # Issue Description To solve this violation, you need to...
    1

    Element location

    ng-progress

    Element source

    <ng-progress _ngcontent-innogy-app-c328="" role="progressbar" _nghost-innogy-app-c233="" spinnerposition="right" dir="ltr+" thick="true" fixed="true">

    Fix any of the following:

    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    2. Elements must have sufficient color contrast
    Learn more
    color-contrast
    WCAG 2 Level AA, WCAG 1.4.3

    Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

    serious
    Issue Tags: cat.color wcag2aa wcag143
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .active

    Element source

    <a _ngcontent-innogy-app-c318="" wlcscapture="" class="top-navigation--item active" href="/"> Particulier </a>

    Fix any of the following:

    • Element has insufficient color contrast of 4.07 (foreground color: #e60167, background color: #f1f1f1, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .bg-light[_ngcontent-innogy-app-c318=""]
    2

    Element location

    .top-navigation--item[_ngcontent-innogy-app-c318=""][wlcscapture=""]:nth-child(2)

    Element source

    <a _ngcontent-innogy-app-c318="" wlcscapture="" class="top-navigation--item" href="https://www.essent.nl/content/particulier/index-zzp.html"> Zzp </a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.66 (foreground color: #94949e, background color: #f1f1f1, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .bg-light[_ngcontent-innogy-app-c318=""]
    3

    Element location

    .top-navigation--item[href$="zakelijk"][_ngcontent-innogy-app-c318=""]

    Element source

    <a _ngcontent-innogy-app-c318="" wlcscapture="" class="top-navigation--item" href="https://www.essent.nl/zakelijk"> Zakelijk </a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.66 (foreground color: #94949e, background color: #f1f1f1, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .bg-light[_ngcontent-innogy-app-c318=""]
    4

    Element location

    .btn-primary

    Element source

    <a _ngcontent-innogy-app-c169="" wltrackimpression="button-impression" trackimpressionmode="button" href="https://www.essent.nl/energie/energieprijzen/stijgende-energieprijzen#prinsjesdag" text="Alles over de tarieven" linktype="external" url="https://www.essent.nl/energie/energieprijzen/stijgende-energieprijzen#prinsjesdag" class="mb-2 btn btn-primary">

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #ffffff, background color: #00a9d1, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .btn-primary
    5

    Element location

    a[text="Bekijk Stroom en Gas aanbod"]

    Element source

    <a _ngcontent-innogy-app-c153="" wltrackimpression="button-impression" trackimpressionmode="button" href="/energie" text="Bekijk Stroom en Gas aanbod" linktype="internal" id="{C9477DB5-8FE0-4AAF-9242-C8BB6E14CB00}" class="btn-block mb-2 btn btn-outline-primary">Bekijk Stroom en Gas aanbod</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    body
    6

    Element location

    .btn-block.btn-outline-primary[href$="energieprijzen"]

    Element source

    <a _ngcontent-innogy-app-c153="" wltrackimpression="button-impression" trackimpressionmode="button" href="/energie/energieprijzen" text="Lees meer over onze energietarieven" linktype="internal" id="{9B01A1C1-C3B0-4AC6-B68F-DCDBE9E6B6E0}" class="btn-block mb-2 btn btn-outline-primary">

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    body
    7

    Element location

    #\{7BB1B814-EFB0-4679-9B93-B2417548844A\}

    Element source

    <a _ngcontent-innogy-app-c153="" wltrackimpression="button-impression" trackimpressionmode="button" href="/energie/verhuizen" text="Lees meer over verhuizen en energie" linktype="internal" id="{7BB1B814-EFB0-4679-9B93-B2417548844A}" class="btn-block mb-2 btn btn-outline-primary">

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    body
    8

    Element location

    a[href$="groene-stroom"]

    Element source

    <a href="/energie/stroom/groene-stroom">groene stroom</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.44 (foreground color: #00a9d1, background color: #f1f1f1, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    wl-dynamic-row:nth-child(7) > .bg-light[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""]
    9

    Element location

    p:nth-child(3) > a[href$="energie"]

    Element source

    <a href="/energie">stroom- en gasproducten</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.44 (foreground color: #00a9d1, background color: #f1f1f1, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    wl-dynamic-row:nth-child(7) > .bg-light[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""]
    10

    Element location

    .col-lg-6.order-lg-2.order-2 > sc-placeholder > wl-rich-text > wl-rich-text-wrapper[_ngcontent-innogy-app-c178=""] > div[_ngcontent-innogy-app-c101=""][data-cs-capture="true"][wlcscapture=""] > .rte[_ngcontent-innogy-app-c178=""][wltrackimpression="contentblock-impression"] > p > a:nth-child(1)

    Element source

    <a href="https://www.essent.nl/content/particulier/energie-besparen/zonnepanelen/index.html">zonnepanelen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.44 (foreground color: #00a9d1, background color: #f1f1f1, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    wl-dynamic-row:nth-child(7) > .bg-light[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""]
    11

    Element location

    p > a:nth-child(2)

    Element source

    <a href="https://www.essent.nl/content/particulier/energie-besparen/verwarmingsinstallaties/index.html">verwarming</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.44 (foreground color: #00a9d1, background color: #f1f1f1, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    wl-dynamic-row:nth-child(7) > .bg-light[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""]
    12

    Element location

    .rte[_ngcontent-innogy-app-c178=""][wltrackimpression="contentblock-impression"] > p > a:nth-child(3)

    Element source

    <a href="https://www.essent.nl/content/particulier/energie-besparen/isolatie/index.html">isolatie</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.44 (foreground color: #00a9d1, background color: #f1f1f1, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    wl-dynamic-row:nth-child(7) > .bg-light[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""]
    13

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(1) > .links__title.font-weight-bold

    Element source

    <p _ngcontent-innogy-app-c176="" class="links__title font-weight-bold">Particulier</p>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    14

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(1) > wl-list > .list-unstyled.list-no-default-spacing > li:nth-child(1) > a[text="Stroom & Gas"][href$="energie"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/energie" text="Stroom &amp; Gas" linktype="internal" id="{C9477DB5-8FE0-4AAF-9242-C8BB6E14CB00}">Stroom &amp; Gas</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    15

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(1) > wl-list > .list-unstyled.list-no-default-spacing > li:nth-child(2) > a[text="Zonnepanelen"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.essent.nl/content/particulier/energie-besparen/zonnepanelen/index.html" linktype="external" url="https://www.essent.nl/content/particulier/energie-besparen/zonnepanelen/index.html" text="Zonnepanelen">Zonnepanelen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    16

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(1) > wl-list > .list-unstyled.list-no-default-spacing > li:nth-child(3) > a[text="Cv-ketels"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.essent.nl/content/particulier/energie-besparen/verwarmingsinstallaties/cv-ketels/index.html" linktype="external" url="https://www.essent.nl/content/particulier/energie-besparen/verwarmingsinstallaties/cv-ketels/index.html" text="Cv-ketels">

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    17

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(1) > wl-list > .list-unstyled.list-no-default-spacing > li:nth-child(4) > a[text="Klantenservice"][href$="klantenservice"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/klantenservice" text="Klantenservice" linktype="internal" id="{45518F8B-757E-4406-B681-C2A142CF35EE}">Klantenservice</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    18

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(1) > wl-list > .list-unstyled.list-no-default-spacing > li:nth-child(5) > a[href$="modelcontract"][text="Modelcontract"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/energie/modelcontract" text="Modelcontract" linktype="internal" id="{B8D20CEB-443F-4A11-AC4A-422D569DD3E7}">Modelcontract</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    19

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(2) > .links__title.font-weight-bold

    Element source

    <p _ngcontent-innogy-app-c176="" class="links__title font-weight-bold">Zakelijk</p>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    20

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(2) > wl-list > .list-unstyled.list-no-default-spacing > li:nth-child(1) > a[text="Zakelijke energie"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.essent.nl/content/zakelijk/producten/index.html" linktype="external" url="https://www.essent.nl/content/zakelijk/producten/index.html" text="Zakelijke energie">Zakelijke energie</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    21

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(2) > wl-list > .list-unstyled.list-no-default-spacing > li:nth-child(2) > a[text="Energie besparen"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.essent.nl/content/zakelijk/energie-besparen/index.html" linktype="external" url="https://www.essent.nl/content/zakelijk/energie-besparen/index.html" text="Energie besparen">Energie besparen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    22

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(2) > wl-list > .list-unstyled.list-no-default-spacing > li:nth-child(3) > a[text="Offerte aanvragen"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.essent.nl/content/zakelijk/offerte_aanvragen/index.html" linktype="external" url="https://www.essent.nl/content/zakelijk/offerte_aanvragen/index.html" text="Offerte aanvragen">Offerte aanvragen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    23

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(2) > wl-list > .list-unstyled.list-no-default-spacing > li:nth-child(5) > a[text="Modelcontract"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.essent.nl/content/zakelijk/producten/elektriciteit_gas/modelcontract%20zakelijk.html" text="Modelcontract" linktype="external" url="https://www.essent.nl/content/zakelijk/producten/elektriciteit_gas/modelcontract%20zakelijk.html">Modelcontract</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    24

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(3) > .links__title.font-weight-bold

    Element source

    <p _ngcontent-innogy-app-c176="" class="links__title font-weight-bold">Over ons</p>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    25

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(3) > wl-list > .list-unstyled.list-no-default-spacing > li:nth-child(1) > a[href$="over-essent"][text="Over Essent"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/over-essent" text="Over Essent" linktype="internal" id="{A13D6256-A57E-4689-8B3C-26758B064407}">Over Essent</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    26

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(3) > wl-list > .list-unstyled.list-no-default-spacing > li:nth-child(2) > a[href$="energietransitie"][text="Energietransitie"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/over-essent/energietransitie" text="Energietransitie" linktype="internal" id="{3FB30AAE-69B0-4D47-9E60-AE1A42B4C39F}">Energietransitie</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    27

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(3) > wl-list > .list-unstyled.list-no-default-spacing > li:nth-child(3) > a[text="Nieuws en media"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.essent.nl/content/overessent/actueel/index.html" text="Nieuws en media" linktype="external" url="https://www.essent.nl/content/overessent/actueel/index.html">Nieuws en media</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    28

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(3) > wl-list > .list-unstyled.list-no-default-spacing > li:nth-child(4) > a[text="Contact"][href$="klantenservice"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/klantenservice" text="Contact" linktype="internal" id="{45518F8B-757E-4406-B681-C2A142CF35EE}">Contact</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    29

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(3) > wl-list > .list-unstyled.list-no-default-spacing > li:nth-child(5) > a[text="Bij ons werken"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.werkenbijessent.nl/" linktype="external" url="https://www.werkenbijessent.nl/" text="Bij ons werken">Bij ons werken</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    30

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="privacyverklaring"][text="Privacy"]

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/privacyverklaring" text="Privacy" linktype="internal" id="{FE020002-0B8D-4372-90AC-A5E8141E83AB}"> Privacy </a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    31

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="voorwaarden"][text="Voorwaarden"]

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/voorwaarden" text="Voorwaarden" linktype="internal" id="{28B60084-C686-43C4-AD2E-8D4985FF9824}"> Voorwaarden </a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    32

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > a[href$="kennisbank"][text="Kennisbank"][url="/kennisbank"]

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/kennisbank" text="Kennisbank" linktype="external" url="/kennisbank"> Kennisbank </a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    33

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0.pl-0.pr-2:nth-child(4)

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/voorwaarden/algemene-inkoopvoorwaarden" text="Informatie voor toeleveranciers en inkoopvoorwaarden" linktype="internal" id="{A125FB62-32E4-46BC-BF7D-A2E8A3B03C55}"> Informatie voor toeleveranciers en inkoopvoorwaarden </a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    34

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0.pl-0.pr-2:nth-child(5)

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="https://eon-wb.compliancesolutions.com/" linktype="external" url="https://eon-wb.compliancesolutions.com/"> Whistleblowing E.ON </a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    35

    Element location

    .nav-legal--inline > .nav-legal__copyright[_ngcontent-innogy-app-c135=""]

    Element source

    <span _ngcontent-innogy-app-c135="" class="nav-legal__copyright">©Essent 2022</span>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    36

    Element location

    #dynamicLink > a

    Element source

    <a href="https://www.essent.nl/content/sitevoorwaarden/overzicht-websites.html">E.ON groep</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    37

    Element location

    #privacyverklaring > a

    Element source

    <a href="https://www.essent.nl/content/sitevoorwaarden/privacyverklaring.html">privacyverklaring</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    38

    Element location

    #std_cookie_show_settings

    Element source

    <a href="#" id="std_cookie_show_settings">instellingen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    39

    Element location

    #stAcceptDefault

    Element source

    <a class="btn btn-blue" id="stAcceptDefault" href="#">Ja, ik accepteer cookies</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #ffffff, background color: #00a9d1, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    #stAcceptDefault
    40

    Element location

    #stSettingsButton

    Element source

    <a class="btn btn-blue-ghost" id="stSettingsButton" href="#">Instellingen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    3. IDs of active elements must be unique
    Learn more
    duplicate-id-active
    WCAG 2 Level A, WCAG 4.1.1

    Ensures every id attribute value of active elements is unique

    serious
    Issue Tags: cat.parsing wcag2a wcag411
    # Issue Description To solve this violation, you need to...
    1

    Element location

    a[text="Stroom & Gastarieven"]

    Element source

    <a _ngcontent-innogy-app-c172="" class="pl-2 pr-6" href="/energie/energieprijzen" text="Stroom &amp; Gastarieven" linktype="internal" id="{9B01A1C1-C3B0-4AC6-B68F-DCDBE9E6B6E0}">

    Fix any of the following:

    • Document has active elements with the same id attribute: {9B01A1C1-C3B0-4AC6-B68F-DCDBE9E6B6E0}

    Related node:

    .btn-block.btn-outline-primary[href$="energieprijzen"]
    2

    Element location

    .pl-2[text="Klantenservice"][href$="klantenservice"]

    Element source

    <a _ngcontent-innogy-app-c172="" class="pl-2 pr-6" href="/klantenservice" text="Klantenservice" linktype="internal" id="{45518F8B-757E-4406-B681-C2A142CF35EE}">

    Fix any of the following:

    • Document has active elements with the same id attribute: {45518F8B-757E-4406-B681-C2A142CF35EE}

    Related node:

    .col-sm-6.col-xl-2.mb-md-0:nth-child(1) > wl-list > .list-unstyled.list-no-default-spacing > li:nth-child(4) > a[text="Klantenservice"][href$="klantenservice"][linktype="internal"]
    .col-sm-6.col-xl-2.mb-md-0:nth-child(3) > wl-list > .list-unstyled.list-no-default-spacing > li:nth-child(4) > a[text="Contact"][href$="klantenservice"][linktype="internal"]
    .collapse > .list-unstyled.list-no-default-spacing > li:nth-child(4) > a[text="Klantenservice"][href$="klantenservice"][linktype="internal"]
    .collapse > .list-unstyled.list-no-default-spacing > li:nth-child(4) > a[text="Contact"][href$="klantenservice"][linktype="internal"]
    3

    Element location

    a[text="Bekijk Stroom en Gas aanbod"]

    Element source

    <a _ngcontent-innogy-app-c153="" wltrackimpression="button-impression" trackimpressionmode="button" href="/energie" text="Bekijk Stroom en Gas aanbod" linktype="internal" id="{C9477DB5-8FE0-4AAF-9242-C8BB6E14CB00}" class="btn-block mb-2 btn btn-outline-primary">Bekijk Stroom en Gas aanbod</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {C9477DB5-8FE0-4AAF-9242-C8BB6E14CB00}

    Related node:

    .col-sm-6.col-xl-2.mb-md-0:nth-child(1) > wl-list > .list-unstyled.list-no-default-spacing > li:nth-child(1) > a[text="Stroom & Gas"][href$="energie"][linktype="internal"]
    .collapse > .list-unstyled.list-no-default-spacing > li:nth-child(1) > a[text="Stroom & Gas"][href$="energie"][linktype="internal"]
    4

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(1) > wl-list > .list-unstyled.list-no-default-spacing > li:nth-child(5) > a[href$="modelcontract"][text="Modelcontract"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/energie/modelcontract" text="Modelcontract" linktype="internal" id="{B8D20CEB-443F-4A11-AC4A-422D569DD3E7}">Modelcontract</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {B8D20CEB-443F-4A11-AC4A-422D569DD3E7}

    Related node:

    .collapse > .list-unstyled.list-no-default-spacing > li:nth-child(5) > a[href$="modelcontract"][text="Modelcontract"][linktype="internal"]
    5

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(3) > wl-list > .list-unstyled.list-no-default-spacing > li:nth-child(1) > a[href$="over-essent"][text="Over Essent"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/over-essent" text="Over Essent" linktype="internal" id="{A13D6256-A57E-4689-8B3C-26758B064407}">Over Essent</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {A13D6256-A57E-4689-8B3C-26758B064407}

    Related node:

    .collapse > .list-unstyled.list-no-default-spacing > li:nth-child(1) > a[href$="over-essent"][text="Over Essent"][linktype="internal"]
    6

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(3) > wl-list > .list-unstyled.list-no-default-spacing > li:nth-child(2) > a[href$="energietransitie"][text="Energietransitie"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/over-essent/energietransitie" text="Energietransitie" linktype="internal" id="{3FB30AAE-69B0-4D47-9E60-AE1A42B4C39F}">Energietransitie</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {3FB30AAE-69B0-4D47-9E60-AE1A42B4C39F}

    Related node:

    .collapse > .list-unstyled.list-no-default-spacing > li:nth-child(2) > a[href$="energietransitie"][text="Energietransitie"][linktype="internal"]
    7

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="privacyverklaring"][text="Privacy"]

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/privacyverklaring" text="Privacy" linktype="internal" id="{FE020002-0B8D-4372-90AC-A5E8141E83AB}"> Privacy </a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {FE020002-0B8D-4372-90AC-A5E8141E83AB}

    Related node:

    .nav-legal--outline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="privacyverklaring"][text="Privacy"]
    8

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="voorwaarden"][text="Voorwaarden"]

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/voorwaarden" text="Voorwaarden" linktype="internal" id="{28B60084-C686-43C4-AD2E-8D4985FF9824}"> Voorwaarden </a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {28B60084-C686-43C4-AD2E-8D4985FF9824}

    Related node:

    .nav-legal--outline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="voorwaarden"][text="Voorwaarden"]
    9

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0.pl-0.pr-2:nth-child(4)

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/voorwaarden/algemene-inkoopvoorwaarden" text="Informatie voor toeleveranciers en inkoopvoorwaarden" linktype="internal" id="{A125FB62-32E4-46BC-BF7D-A2E8A3B03C55}"> Informatie voor toeleveranciers en inkoopvoorwaarden </a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {A125FB62-32E4-46BC-BF7D-A2E8A3B03C55}

    Related node:

    .nav-legal--outline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0.pl-0.pr-2:nth-child(4)
    4. Images must have alternate text
    Learn more
    image-alt
    WCAG 2 Level A, WCAG 1.1.1

    Ensures <img> elements have alternate text or a role of none or presentation

    critical
    Issue Tags: cat.text-alternatives wcag2a wcag111 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #logo1

    Element source

    <img id="logo1" src="https://static.essent.nl/online/img/essent-logo-bottom-right-small.png" align="left">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    5. Document should have one main landmark
    Learn more
    landmark-one-main
    Best practice

    Ensures the document has a main landmark

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html lang="nl">

    Fix all of the following:

    • Document does not have a main landmark
    6. Ensures landmarks are unique
    Learn more
    landmark-unique
    Best practice

    Landmarks should have a unique role or role/label/title (i.e. accessible name) combination

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .navbar-expand-md

    Element source

    <nav _ngcontent-innogy-app-c320="" class="navbar navbar-expand-md navbar-light pb-md-2 pb-lg-3 pt-3 px-0 bg-white">

    Fix any of the following:

    • The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable

    Related node:

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav
    7. All page content should be contained by landmarks
    Learn more
    region
    Best practice

    Ensures all page content is contained by landmarks

    moderate
    Issue Tags: cat.keyboard best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    wl-jumbotron

    Element source

    <wl-jumbotron _nghost-innogy-app-c170="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    2

    Element location

    wl-dynamic-row:nth-child(2)

    Element source

    <wl-dynamic-row _nghost-innogy-app-c342="" id="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    3

    Element location

    wl-dynamic-row:nth-child(3)

    Element source

    <wl-dynamic-row _nghost-innogy-app-c342="" id="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    4

    Element location

    wl-dynamic-row:nth-child(4)

    Element source

    <wl-dynamic-row _nghost-innogy-app-c342="" id="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    5

    Element location

    .bg-light[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""] > .pt-8.pt-lg-10[wlautomationid="main-content"] > wl-basic-content[variant="ngContentBetween"] > wl-basic-content-variant-ng-content-between > div:nth-child(1)

    Element source

    <div><wl-basic-content-partial-heading class="mb-1"><div class="d-flex align-items-center"><!----><!----><h2 class="h2 mb-0">Vandaag geregeld</h2><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div></wl-basic-content-partial-heading><!----><!----></div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    6

    Element location

    .pb-2.pb-lg-0.col-lg-4:nth-child(1) > sc-placeholder > wl-basic-content-wrapper > wl-basic-content > wl-basic-content-variant-minimal > wl-composable-card > .h-100[_ngcontent-innogy-app-c151=""] > wl-basic-content-partial-top-between > .flex-column.h-100[_ngcontent-innogy-app-c153=""] > .flex-grow-1.flex-column[_ngcontent-innogy-app-c153=""] > div[_ngcontent-innogy-app-c153=""]:nth-child(1) > .mb-1.d-flex[_ngcontent-innogy-app-c153=""] > wl-basic-content-partial-heading > .align-items-center.d-flex > h3

    Element source

    <h3 class="h3 mb-0">Stroom en Gas</h3>

    Fix any of the following:

    • Some page content is not contained by landmarks
    7

    Element location

    .pb-2.pb-lg-0.col-lg-4:nth-child(1) > sc-placeholder > wl-basic-content-wrapper > wl-basic-content > wl-basic-content-variant-minimal > wl-composable-card > .h-100[_ngcontent-innogy-app-c151=""] > wl-basic-content-partial-top-between > .flex-column.h-100[_ngcontent-innogy-app-c153=""] > .flex-grow-1.flex-column[_ngcontent-innogy-app-c153=""] > wl-rich-text-wrapper

    Element source

    <wl-rich-text-wrapper _ngcontent-innogy-app-c153="" _nghost-innogy-app-c101="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    8

    Element location

    .pb-2.pb-lg-0.col-lg-4:nth-child(1) > sc-placeholder > wl-basic-content-wrapper > wl-basic-content > wl-basic-content-variant-minimal > wl-composable-card > .h-100[_ngcontent-innogy-app-c151=""] > wl-basic-content-partial-top-between > .flex-column.h-100[_ngcontent-innogy-app-c153=""] > .flex-grow-1.flex-column[_ngcontent-innogy-app-c153=""] > .flex-row.align-items-start.flex-wrap

    Element source

    <div _ngcontent-innogy-app-c153="" class="d-flex flex-wrap flex-row align-items-start justify-content-start">

    Fix any of the following:

    • Some page content is not contained by landmarks
    9

    Element location

    .order-lg-2.order-2[data-automation-id="dynamic-row-column-2"] > sc-placeholder > wl-basic-content-wrapper > wl-basic-content > wl-basic-content-variant-minimal > wl-composable-card > .h-100[_ngcontent-innogy-app-c151=""] > wl-basic-content-partial-top-between > .flex-column.h-100[_ngcontent-innogy-app-c153=""] > .flex-grow-1.flex-column[_ngcontent-innogy-app-c153=""] > div[_ngcontent-innogy-app-c153=""]:nth-child(1) > .mb-1.d-flex[_ngcontent-innogy-app-c153=""] > wl-basic-content-partial-heading > .align-items-center.d-flex > h3

    Element source

    <h3 class="h3 mb-0">Energietarieven</h3>

    Fix any of the following:

    • Some page content is not contained by landmarks
    10

    Element location

    .order-lg-2.order-2[data-automation-id="dynamic-row-column-2"] > sc-placeholder > wl-basic-content-wrapper > wl-basic-content > wl-basic-content-variant-minimal > wl-composable-card > .h-100[_ngcontent-innogy-app-c151=""] > wl-basic-content-partial-top-between > .flex-column.h-100[_ngcontent-innogy-app-c153=""] > .flex-grow-1.flex-column[_ngcontent-innogy-app-c153=""] > wl-rich-text-wrapper

    Element source

    <wl-rich-text-wrapper _ngcontent-innogy-app-c153="" _nghost-innogy-app-c101="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    11

    Element location

    .order-lg-2.order-2[data-automation-id="dynamic-row-column-2"] > sc-placeholder > wl-basic-content-wrapper > wl-basic-content > wl-basic-content-variant-minimal > wl-composable-card > .h-100[_ngcontent-innogy-app-c151=""] > wl-basic-content-partial-top-between > .flex-column.h-100[_ngcontent-innogy-app-c153=""] > .flex-grow-1.flex-column[_ngcontent-innogy-app-c153=""] > .flex-row.align-items-start.flex-wrap

    Element source

    <div _ngcontent-innogy-app-c153="" class="d-flex flex-wrap flex-row align-items-start justify-content-start">

    Fix any of the following:

    • Some page content is not contained by landmarks
    12

    Element location

    .order-lg-3.order-3[data-automation-id="dynamic-row-column-3"] > sc-placeholder > wl-basic-content-wrapper > wl-basic-content > wl-basic-content-variant-minimal > wl-composable-card > .h-100[_ngcontent-innogy-app-c151=""] > wl-basic-content-partial-top-between > .flex-column.h-100[_ngcontent-innogy-app-c153=""] > .flex-grow-1.flex-column[_ngcontent-innogy-app-c153=""] > div[_ngcontent-innogy-app-c153=""]:nth-child(1) > .mb-1.d-flex[_ngcontent-innogy-app-c153=""] > wl-basic-content-partial-heading > .align-items-center.d-flex > h3

    Element source

    <h3 class="h3 mb-0">Verhuizen</h3>

    Fix any of the following:

    • Some page content is not contained by landmarks
    13

    Element location

    .order-lg-3.order-3[data-automation-id="dynamic-row-column-3"] > sc-placeholder > wl-basic-content-wrapper > wl-basic-content > wl-basic-content-variant-minimal > wl-composable-card > .h-100[_ngcontent-innogy-app-c151=""] > wl-basic-content-partial-top-between > .flex-column.h-100[_ngcontent-innogy-app-c153=""] > .flex-grow-1.flex-column[_ngcontent-innogy-app-c153=""] > wl-rich-text-wrapper

    Element source

    <wl-rich-text-wrapper _ngcontent-innogy-app-c153="" _nghost-innogy-app-c101="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    14

    Element location

    .order-lg-3.order-3[data-automation-id="dynamic-row-column-3"] > sc-placeholder > wl-basic-content-wrapper > wl-basic-content > wl-basic-content-variant-minimal > wl-composable-card > .h-100[_ngcontent-innogy-app-c151=""] > wl-basic-content-partial-top-between > .flex-column.h-100[_ngcontent-innogy-app-c153=""] > .flex-grow-1.flex-column[_ngcontent-innogy-app-c153=""] > .flex-row.align-items-start.flex-wrap

    Element source

    <div _ngcontent-innogy-app-c153="" class="d-flex flex-wrap flex-row align-items-start justify-content-start">

    Fix any of the following:

    • Some page content is not contained by landmarks
    15

    Element location

    wl-dynamic-row:nth-child(7)

    Element source

    <wl-dynamic-row _nghost-innogy-app-c342="" id="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    16

    Element location

    wl-footer-brand

    Element source

    <wl-footer-brand _ngcontent-innogy-app-c136="" class="footer__brand-container col align-items-end text-center text-md-left" _nghost-innogy-app-c133="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    17

    Element location

    .row.d-flex[_ngcontent-innogy-app-c176=""]

    Element source

    <div _ngcontent-innogy-app-c176="" class="row d-flex">

    Fix any of the following:

    • Some page content is not contained by landmarks
    18

    Element location

    .nav-legal--inline > .nav-legal__copyright[_ngcontent-innogy-app-c135=""]

    Element source

    <span _ngcontent-innogy-app-c135="" class="nav-legal__copyright">©Essent 2022</span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    19

    Element location

    #stTagPopup

    Element source

    <div id="stTagPopup" class="stPopup roundedCorners container" style="display: block;">

    Fix any of the following:

    • Some page content is not contained by landmarks
    # Description Axe rule ID WCAG Nodes passed check
    1 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 6
    2 ARIA role should be appropriate for the element aria-allowed-role Best practice 21
    3 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    4 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 20
    5 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 2
    6 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 2
    7 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 6
    8 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 6
    9 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 16
    10 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 4
    11 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    12 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 41
    13 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    14 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 8
    15 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 20
    16 Headings should not be empty empty-heading Best practice 9
    17 Heading levels should only increase by one heading-order Best practice 9
    18 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    19 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    20 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 48
    21 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 6
    22 Alternative text of images should not be repeated as text image-redundant-alt Best practice 7
    23 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice 1
    24 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice 1
    25 Ensures landmarks are unique landmark-unique Best practice 2
    26 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 58
    27 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 6
    28 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 24
    29 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    30 Zooming and scaling should not be disabled meta-viewport Best practice 1
    31 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 10
    32 Page should contain a level-one heading page-has-heading-one Best practice 1
    33 All page content should be contained by landmarks region Best practice 434

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 3
    2 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 2

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
    4 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice
    5 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    6 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    7 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
    8 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
    9 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    10 "role=text" should have no focusable descendants aria-text Best practice
    11 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    12 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    13 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    14 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5
    15 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    16 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    17 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    18 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1
    19 Table header text must not be empty empty-table-header WCAG 1.3.1
    20 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2
    21 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    22 Frames should be tested with axe-core frame-tested Best practice
    23 Frames should have a unique title attribute frame-title-unique Best practice
    24 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2
    25 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    26 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
    27 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    28 Form elements should have a visible label label-title-only Best practice
    29 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    30 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
    31 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice
    32 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice
    33 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice
    34 Document should not have more than one main landmark landmark-no-duplicate-main Best practice
    35 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    36 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    37 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    38 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    39 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    40 scope attribute should be used correctly scope-attr-valid Best practice
    41 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
    42 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    43 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    44 The skip-link target should exist and be focusable skip-link Best practice
    45 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    46 Elements should not have tabindex greater than zero tabindex Best practice
    47 tables should not have the same summary and caption table-duplicate-name Best practice
    48 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    49 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    50 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
    51 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  2. AXE Accessibility Results

    axe-core found 68 violations
    # Description Axe rule ID WCAG Impact Count
    1 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1 serious 1
    2 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 40
    3 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 serious 11
    4 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 critical 1
    5 Document should have one main landmark landmark-one-main Best practice moderate 1
    6 Ensures landmarks are unique landmark-unique Best practice moderate 1
    7 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 serious 1
    8 All page content should be contained by landmarks region Best practice moderate 12

    Failed

    1. ARIA progressbar nodes must have an accessible name
    Learn more
    aria-progressbar-name
    WCAG 2 Level A, WCAG 1.1.1

    Ensures every ARIA progressbar node has an accessible name

    serious
    Issue Tags: cat.aria wcag2a wcag111
    # Issue Description To solve this violation, you need to...
    1

    Element location

    ng-progress

    Element source

    <ng-progress _ngcontent-innogy-app-c328="" role="progressbar" _nghost-innogy-app-c233="" spinnerposition="right" dir="ltr+" thick="true" fixed="true">

    Fix any of the following:

    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    2. Elements must have sufficient color contrast
    Learn more
    color-contrast
    WCAG 2 Level AA, WCAG 1.4.3

    Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

    serious
    Issue Tags: cat.color wcag2aa wcag143
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .top-navigation--item.active[href="/"]

    Element source

    <a _ngcontent-innogy-app-c318="" wlcscapture="" class="top-navigation--item active" href="/"> Particulier </a>

    Fix any of the following:

    • Element has insufficient color contrast of 4.07 (foreground color: #e60167, background color: #f1f1f1, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .bg-light[_ngcontent-innogy-app-c318=""]
    2

    Element location

    .top-navigation--item[_ngcontent-innogy-app-c318=""][wlcscapture=""]:nth-child(2)

    Element source

    <a _ngcontent-innogy-app-c318="" wlcscapture="" class="top-navigation--item" href="https://www.essent.nl/content/particulier/index-zzp.html"> Zzp </a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.66 (foreground color: #94949e, background color: #f1f1f1, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .bg-light[_ngcontent-innogy-app-c318=""]
    3

    Element location

    .top-navigation--item[href$="zakelijk"][_ngcontent-innogy-app-c318=""]

    Element source

    <a _ngcontent-innogy-app-c318="" wlcscapture="" class="top-navigation--item" href="https://www.essent.nl/zakelijk"> Zakelijk </a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.66 (foreground color: #94949e, background color: #f1f1f1, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .bg-light[_ngcontent-innogy-app-c318=""]
    4

    Element location

    .text-center.mb-2[_ngcontent-innogy-app-c153=""] > a

    Element source

    <a href="/energie/energieprijzen/stijgende-energieprijzen#prinsjesdag">antwoorden op veelgestelde vragen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.44 (foreground color: #00a9d1, background color: #f1f1f1, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .bg-light[_ngcontent-innogy-app-c151=""]
    5

    Element location

    #\{8B1BCC92-F121-4450-AD91-F010D62D6082\}

    Element source

    <a _ngcontent-innogy-app-c153="" wltrackimpression="button-impression" trackimpressionmode="button" href="/energie/energieprijzen/stijgende-energieprijzen" text="Lees meer over de energieprijzen" linktype="internal" id="{8B1BCC92-F121-4450-AD91-F010D62D6082}" class="btn-block mb-2 btn btn-outline-primary">

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    body
    6

    Element location

    p:nth-child(2) > .Chatbot_StartMetChatten_online:nth-child(2)

    Element source

    <a class="Chatbot_StartMetChatten_online">Start met chatten</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.44 (foreground color: #00a9d1, background color: #f1f1f1, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    wl-dynamic-row:nth-child(5) > .bg-light[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""]
    7

    Element location

    p:nth-child(3) > .Chatbot_StartMetChatten_online:nth-child(2)

    Element source

    <a class="Chatbot_StartMetChatten_online">Chat met ons</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.44 (foreground color: #00a9d1, background color: #f1f1f1, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    wl-dynamic-row:nth-child(8) > .bg-light[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""]
    8

    Element location

    a[href="tel:+319001550"]

    Element source

    <a href="tel:+319001550">Bel met 0900 - 1550</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.44 (foreground color: #00a9d1, background color: #f1f1f1, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    wl-dynamic-row:nth-child(8) > .bg-light[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""]
    9

    Element location

    a[text="Stuur een bericht via Facebook"]

    Element source

    <a _ngcontent-innogy-app-c153="" wltrackimpression="button-impression" trackimpressionmode="button" href="https://www.facebook.com/Essent/" text="Stuur een bericht via Facebook" linktype="external" url="https://www.facebook.com/Essent/" target="_blank" class="btn-block mb-2 btn btn-outline-primary">

    Fix any of the following:

    • Element has insufficient color contrast of 2.44 (foreground color: #00a9d1, background color: #f1f1f1, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    wl-dynamic-row:nth-child(8) > .bg-light[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""]
    10

    Element location

    .mt-0

    Element source

    <a _ngcontent-innogy-app-c153="" wltrackimpression="button-impression" trackimpressionmode="button" href="https://twitter.com/essent" text="Stuur een bericht via Twitter" linktype="external" url="https://twitter.com/essent" target="_blank" class="btn-block mb-2 mt-0 btn btn-outline-primary">

    Fix any of the following:

    • Element has insufficient color contrast of 2.44 (foreground color: #00a9d1, background color: #f1f1f1, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    wl-dynamic-row:nth-child(8) > .bg-light[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""]
    11

    Element location

    .mb-2[_ngcontent-innogy-app-c153=""] > a[rel="noopener noreferrer"][target="_blank"]

    Element source

    <a rel="noopener noreferrer" href="https://www.gasenstroomstoringen.nl/" target="_blank">netbeheerders</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    12

    Element location

    p:nth-child(1) > .Chatbot_StartMetChatten_online

    Element source

    <a class="Chatbot_StartMetChatten_online">onze chat</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    13

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(1) > .links__title.font-weight-bold[_ngcontent-innogy-app-c176=""]

    Element source

    <p _ngcontent-innogy-app-c176="" class="links__title font-weight-bold">Particulier</p>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    14

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(1) > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c121=""]:nth-child(1) > a[text="Stroom & Gas"][href$="energie"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/energie" text="Stroom &amp; Gas" linktype="internal" id="{C9477DB5-8FE0-4AAF-9242-C8BB6E14CB00}">Stroom &amp; Gas</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    15

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(1) > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c121=""]:nth-child(2) > a[text="Zonnepanelen"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.essent.nl/content/particulier/energie-besparen/zonnepanelen/index.html" linktype="external" url="https://www.essent.nl/content/particulier/energie-besparen/zonnepanelen/index.html" text="Zonnepanelen">Zonnepanelen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    16

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(1) > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c121=""]:nth-child(3) > a[text="Cv-ketels"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.essent.nl/content/particulier/energie-besparen/verwarmingsinstallaties/cv-ketels/index.html" linktype="external" url="https://www.essent.nl/content/particulier/energie-besparen/verwarmingsinstallaties/cv-ketels/index.html" text="Cv-ketels">

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    17

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(1) > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c121=""]:nth-child(4) > a[text="Klantenservice"][href$="klantenservice"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/klantenservice" text="Klantenservice" linktype="internal" id="{45518F8B-757E-4406-B681-C2A142CF35EE}">Klantenservice</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    18

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(1) > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c121=""]:nth-child(5) > a[href$="modelcontract"][text="Modelcontract"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/energie/modelcontract" text="Modelcontract" linktype="internal" id="{B8D20CEB-443F-4A11-AC4A-422D569DD3E7}">Modelcontract</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    19

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(2) > .links__title.font-weight-bold[_ngcontent-innogy-app-c176=""]

    Element source

    <p _ngcontent-innogy-app-c176="" class="links__title font-weight-bold">Zakelijk</p>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    20

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(2) > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c121=""]:nth-child(1) > a[text="Zakelijke energie"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.essent.nl/content/zakelijk/producten/index.html" linktype="external" url="https://www.essent.nl/content/zakelijk/producten/index.html" text="Zakelijke energie">Zakelijke energie</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    21

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(2) > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c121=""]:nth-child(2) > a[text="Energie besparen"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.essent.nl/content/zakelijk/energie-besparen/index.html" linktype="external" url="https://www.essent.nl/content/zakelijk/energie-besparen/index.html" text="Energie besparen">Energie besparen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    22

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(2) > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c121=""]:nth-child(3) > a[text="Offerte aanvragen"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.essent.nl/content/zakelijk/offerte_aanvragen/index.html" linktype="external" url="https://www.essent.nl/content/zakelijk/offerte_aanvragen/index.html" text="Offerte aanvragen">Offerte aanvragen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    23

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(2) > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c121=""]:nth-child(5) > a[text="Modelcontract"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.essent.nl/content/zakelijk/producten/elektriciteit_gas/modelcontract%20zakelijk.html" text="Modelcontract" linktype="external" url="https://www.essent.nl/content/zakelijk/producten/elektriciteit_gas/modelcontract%20zakelijk.html">Modelcontract</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    24

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(3) > .links__title.font-weight-bold[_ngcontent-innogy-app-c176=""]

    Element source

    <p _ngcontent-innogy-app-c176="" class="links__title font-weight-bold">Over ons</p>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    25

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(3) > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c121=""]:nth-child(1) > a[href$="over-essent"][text="Over Essent"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/over-essent" text="Over Essent" linktype="internal" id="{A13D6256-A57E-4689-8B3C-26758B064407}">Over Essent</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    26

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(3) > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c121=""]:nth-child(2) > a[href$="energietransitie"][text="Energietransitie"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/over-essent/energietransitie" text="Energietransitie" linktype="internal" id="{3FB30AAE-69B0-4D47-9E60-AE1A42B4C39F}">Energietransitie</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    27

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(3) > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c121=""]:nth-child(3) > a[text="Nieuws en media"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.essent.nl/content/overessent/actueel/index.html" text="Nieuws en media" linktype="external" url="https://www.essent.nl/content/overessent/actueel/index.html">Nieuws en media</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    28

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(3) > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c121=""]:nth-child(4) > a[text="Contact"][href$="klantenservice"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/klantenservice" text="Contact" linktype="internal" id="{45518F8B-757E-4406-B681-C2A142CF35EE}">Contact</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    29

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(3) > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c121=""]:nth-child(5) > a[text="Bij ons werken"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.werkenbijessent.nl/" linktype="external" url="https://www.werkenbijessent.nl/" text="Bij ons werken">Bij ons werken</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    30

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="privacyverklaring"][text="Privacy"]

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/privacyverklaring" text="Privacy" linktype="internal" id="{FE020002-0B8D-4372-90AC-A5E8141E83AB}"> Privacy </a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    31

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="voorwaarden"][text="Voorwaarden"]

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/voorwaarden" text="Voorwaarden" linktype="internal" id="{28B60084-C686-43C4-AD2E-8D4985FF9824}"> Voorwaarden </a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    32

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > a[href$="kennisbank"][text="Kennisbank"][url="/kennisbank"]

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/kennisbank" text="Kennisbank" linktype="external" url="/kennisbank"> Kennisbank </a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    33

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0.pl-0.pr-2:nth-child(4)

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/voorwaarden/algemene-inkoopvoorwaarden" text="Informatie voor toeleveranciers en inkoopvoorwaarden" linktype="internal" id="{A125FB62-32E4-46BC-BF7D-A2E8A3B03C55}"> Informatie voor toeleveranciers en inkoopvoorwaarden </a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    34

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0.pl-0.pr-2:nth-child(5)

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="https://eon-wb.compliancesolutions.com/" linktype="external" url="https://eon-wb.compliancesolutions.com/"> Whistleblowing E.ON </a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    35

    Element location

    .nav-legal--inline > .nav-legal__copyright[_ngcontent-innogy-app-c135=""]

    Element source

    <span _ngcontent-innogy-app-c135="" class="nav-legal__copyright">©Essent 2022</span>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    36

    Element location

    #dynamicLink > a

    Element source

    <a href="https://www.essent.nl/content/sitevoorwaarden/overzicht-websites.html">E.ON groep</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    37

    Element location

    #privacyverklaring > a

    Element source

    <a href="https://www.essent.nl/content/sitevoorwaarden/privacyverklaring.html">privacyverklaring</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    38

    Element location

    #std_cookie_show_settings

    Element source

    <a href="#" id="std_cookie_show_settings">instellingen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    39

    Element location

    #stAcceptDefault

    Element source

    <a class="btn btn-blue" id="stAcceptDefault" href="#">Ja, ik accepteer cookies</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #ffffff, background color: #00a9d1, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    #stAcceptDefault
    40

    Element location

    #stSettingsButton

    Element source

    <a class="btn btn-blue-ghost" id="stSettingsButton" href="#">Instellingen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    3. IDs of active elements must be unique
    Learn more
    duplicate-id-active
    WCAG 2 Level A, WCAG 4.1.1

    Ensures every id attribute value of active elements is unique

    serious
    Issue Tags: cat.parsing wcag2a wcag411
    # Issue Description To solve this violation, you need to...
    1

    Element location

    wl-dynamic-row:nth-child(4) > div[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""] > .py-8.py-lg-10[wlautomationid="main-content"] > wl-basic-content[variant="ngContentBetween"] > wl-basic-content-variant-ng-content-between > div:nth-child(2) > .pt-2.pt-lg-4[data-automation-id="dynamic-row-row"] > .order-lg-2.order-2[data-automation-id="dynamic-row-column-2"] > sc-placeholder > wl-list-container > wl-list-variant-hub > wl-composable-card > .border.rounded-top.h-100 > .border-gray-300.rich-text-list-icon-underlined-links-grey-line-blue-angle-right.list-no-default-spacing > li:nth-child(1) > .pl-2.pr-6[target="_blank"]

    Element source

    <a _ngcontent-innogy-app-c172="" class="pl-2 pr-6" href="/klantenservice/facturen-en-betalen/termijnbedrag" linktype="internal" target="_blank" id="{F6E282FC-A2B9-4AE5-B903-EA5121342162}">

    Fix any of the following:

    • Document has active elements with the same id attribute: {F6E282FC-A2B9-4AE5-B903-EA5121342162}

    Related node:

    .pt-2.pt-lg-4[data-automation-id="dynamic-row-row"] > .order-lg-1.order-1[data-automation-id="dynamic-row-column-1"] > sc-placeholder > wl-list-container > wl-list-variant-hub > wl-composable-card > .border.rounded-top.h-100 > .border-gray-300.rich-text-list-icon-underlined-links-grey-line-blue-angle-right.list-no-default-spacing > li:nth-child(1) > .pl-2.pr-6[target="_blank"]
    2

    Element location

    wl-dynamic-row:nth-child(4) > div[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""] > .py-8.py-lg-10[wlautomationid="main-content"] > wl-basic-content[variant="ngContentBetween"] > wl-basic-content-variant-ng-content-between > div:nth-child(2) > .pt-2.pt-lg-4[data-automation-id="dynamic-row-row"] > .order-lg-2.order-2[data-automation-id="dynamic-row-column-2"] > sc-placeholder > wl-list-container > wl-list-variant-hub > wl-composable-card > .border.rounded-top.h-100 > .border-gray-300.rich-text-list-icon-underlined-links-grey-line-blue-angle-right.list-no-default-spacing > li:nth-child(2) > .pl-2.pr-6[target="_blank"]

    Element source

    <a _ngcontent-innogy-app-c172="" class="pl-2 pr-6" href="/klantenservice/facturen-en-betalen/betaalmogelijkheden" linktype="internal" target="_blank" id="{82F54042-8A81-4177-B338-29BF6131BECC}">

    Fix any of the following:

    • Document has active elements with the same id attribute: {82F54042-8A81-4177-B338-29BF6131BECC}

    Related node:

    .pt-2.pt-lg-4[data-automation-id="dynamic-row-row"] > .order-lg-1.order-1[data-automation-id="dynamic-row-column-1"] > sc-placeholder > wl-list-container > wl-list-variant-hub > wl-composable-card > .border.rounded-top.h-100 > .border-gray-300.rich-text-list-icon-underlined-links-grey-line-blue-angle-right.list-no-default-spacing > li:nth-child(3) > .pl-2.pr-6[target="_blank"]
    3

    Element location

    li:nth-child(3) > .pl-2[href$="contract"][target="_blank"]

    Element source

    <a _ngcontent-innogy-app-c172="" class="pl-2 pr-6" href="/klantenservice/contract" linktype="internal" target="_blank" id="{87FC9283-FABD-4234-8490-1B284E1B9EC2}">

    Fix any of the following:

    • Document has active elements with the same id attribute: {87FC9283-FABD-4234-8490-1B284E1B9EC2}

    Related node:

    li:nth-child(1) > .pl-2[href$="contract"][target="_blank"]
    4

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(1) > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c121=""]:nth-child(1) > a[text="Stroom & Gas"][href$="energie"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/energie" text="Stroom &amp; Gas" linktype="internal" id="{C9477DB5-8FE0-4AAF-9242-C8BB6E14CB00}">Stroom &amp; Gas</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {C9477DB5-8FE0-4AAF-9242-C8BB6E14CB00}

    Related node:

    .collapse > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c121=""]:nth-child(1) > a[text="Stroom & Gas"][href$="energie"][linktype="internal"]
    5

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(1) > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c121=""]:nth-child(4) > a[text="Klantenservice"][href$="klantenservice"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/klantenservice" text="Klantenservice" linktype="internal" id="{45518F8B-757E-4406-B681-C2A142CF35EE}">Klantenservice</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {45518F8B-757E-4406-B681-C2A142CF35EE}

    Related node:

    .col-md-3.col-sm-6.col-xl-2:nth-child(3) > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c121=""]:nth-child(4) > a[text="Contact"][href$="klantenservice"][linktype="internal"]
    .collapse > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c121=""]:nth-child(4) > a[text="Klantenservice"][href$="klantenservice"][linktype="internal"]
    .collapse > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c121=""]:nth-child(4) > a[text="Contact"][href$="klantenservice"][linktype="internal"]
    6

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(1) > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c121=""]:nth-child(5) > a[href$="modelcontract"][text="Modelcontract"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/energie/modelcontract" text="Modelcontract" linktype="internal" id="{B8D20CEB-443F-4A11-AC4A-422D569DD3E7}">Modelcontract</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {B8D20CEB-443F-4A11-AC4A-422D569DD3E7}

    Related node:

    .collapse > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c121=""]:nth-child(5) > a[href$="modelcontract"][text="Modelcontract"][linktype="internal"]
    7

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(3) > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c121=""]:nth-child(1) > a[href$="over-essent"][text="Over Essent"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/over-essent" text="Over Essent" linktype="internal" id="{A13D6256-A57E-4689-8B3C-26758B064407}">Over Essent</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {A13D6256-A57E-4689-8B3C-26758B064407}

    Related node:

    .collapse > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c121=""]:nth-child(1) > a[href$="over-essent"][text="Over Essent"][linktype="internal"]
    8

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(3) > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c121=""]:nth-child(2) > a[href$="energietransitie"][text="Energietransitie"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/over-essent/energietransitie" text="Energietransitie" linktype="internal" id="{3FB30AAE-69B0-4D47-9E60-AE1A42B4C39F}">Energietransitie</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {3FB30AAE-69B0-4D47-9E60-AE1A42B4C39F}

    Related node:

    .collapse > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c121=""]:nth-child(2) > a[href$="energietransitie"][text="Energietransitie"][linktype="internal"]
    9

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="privacyverklaring"][text="Privacy"]

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/privacyverklaring" text="Privacy" linktype="internal" id="{FE020002-0B8D-4372-90AC-A5E8141E83AB}"> Privacy </a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {FE020002-0B8D-4372-90AC-A5E8141E83AB}

    Related node:

    .nav-legal--outline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="privacyverklaring"][text="Privacy"]
    10

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="voorwaarden"][text="Voorwaarden"]

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/voorwaarden" text="Voorwaarden" linktype="internal" id="{28B60084-C686-43C4-AD2E-8D4985FF9824}"> Voorwaarden </a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {28B60084-C686-43C4-AD2E-8D4985FF9824}

    Related node:

    .nav-legal--outline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="voorwaarden"][text="Voorwaarden"]
    11

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0.pl-0.pr-2:nth-child(4)

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/voorwaarden/algemene-inkoopvoorwaarden" text="Informatie voor toeleveranciers en inkoopvoorwaarden" linktype="internal" id="{A125FB62-32E4-46BC-BF7D-A2E8A3B03C55}"> Informatie voor toeleveranciers en inkoopvoorwaarden </a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {A125FB62-32E4-46BC-BF7D-A2E8A3B03C55}

    Related node:

    .nav-legal--outline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0.pl-0.pr-2:nth-child(4)
    4. Images must have alternate text
    Learn more
    image-alt
    WCAG 2 Level A, WCAG 1.1.1

    Ensures <img> elements have alternate text or a role of none or presentation

    critical
    Issue Tags: cat.text-alternatives wcag2a wcag111 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #logo1

    Element source

    <img id="logo1" src="https://static.essent.nl/online/img/essent-logo-bottom-right-small.png" align="left">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    5. Document should have one main landmark
    Learn more
    landmark-one-main
    Best practice

    Ensures the document has a main landmark

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html lang="nl">

    Fix all of the following:

    • Document does not have a main landmark
    6. Ensures landmarks are unique
    Learn more
    landmark-unique
    Best practice

    Landmarks should have a unique role or role/label/title (i.e. accessible name) combination

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .navbar-expand-md

    Element source

    <nav _ngcontent-innogy-app-c320="" class="navbar navbar-expand-md navbar-light pb-md-2 pb-lg-3 pt-3 px-0 bg-white">

    Fix any of the following:

    • The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable

    Related node:

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav
    7. Links must have discernible text
    Learn more
    link-name
    WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4

    Ensures links have discernible text

    serious
    Issue Tags: cat.name-role-value wcag2a wcag412 wcag244 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .breadcrumb

    Element source

    <a _ngcontent-innogy-app-c161="" wltracklink="" class="breadcrumb" href="/" data-automation-id="breadcrumb-anchor-0">

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    8. All page content should be contained by landmarks
    Learn more
    region
    Best practice

    Ensures all page content is contained by landmarks

    moderate
    Issue Tags: cat.keyboard best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    wl-jumbotron

    Element source

    <wl-jumbotron _nghost-innogy-app-c170="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    2

    Element location

    wl-dynamic-row:nth-child(3)

    Element source

    <wl-dynamic-row _nghost-innogy-app-c342="" id="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    3

    Element location

    wl-dynamic-row:nth-child(4)

    Element source

    <wl-dynamic-row _nghost-innogy-app-c342="" id="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    4

    Element location

    wl-dynamic-row:nth-child(5)

    Element source

    <wl-dynamic-row _nghost-innogy-app-c342="" id="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    5

    Element location

    wl-dynamic-row:nth-child(6)

    Element source

    <wl-dynamic-row _nghost-innogy-app-c342="" id="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    6

    Element location

    wl-dynamic-row:nth-child(7)

    Element source

    <wl-dynamic-row _nghost-innogy-app-c342="" id="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    7

    Element location

    wl-dynamic-row:nth-child(8)

    Element source

    <wl-dynamic-row _nghost-innogy-app-c342="" id="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    8

    Element location

    wl-dynamic-row:nth-child(9)

    Element source

    <wl-dynamic-row _nghost-innogy-app-c342="" id="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    9

    Element location

    wl-footer-brand

    Element source

    <wl-footer-brand _ngcontent-innogy-app-c136="" class="footer__brand-container col align-items-end text-center text-md-left" _nghost-innogy-app-c133="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    10

    Element location

    .row.d-flex[_ngcontent-innogy-app-c176=""]

    Element source

    <div _ngcontent-innogy-app-c176="" class="row d-flex">

    Fix any of the following:

    • Some page content is not contained by landmarks
    11

    Element location

    .nav-legal--inline > .nav-legal__copyright[_ngcontent-innogy-app-c135=""]

    Element source

    <span _ngcontent-innogy-app-c135="" class="nav-legal__copyright">©Essent 2022</span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    12

    Element location

    #stTagPopup

    Element source

    <div id="stTagPopup" class="stPopup roundedCorners container" style="display: block;">

    Fix any of the following:

    • Some page content is not contained by landmarks
    # Description Axe rule ID WCAG Nodes passed check
    1 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 8
    2 ARIA role should be appropriate for the element aria-allowed-role Best practice 16
    3 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    4 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 15
    5 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 2
    6 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 2
    7 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 8
    8 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 8
    9 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 10
    10 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    11 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 79
    12 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    13 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 23
    14 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 20
    15 Headings should not be empty empty-heading Best practice 12
    16 Heading levels should only increase by one heading-order Best practice 12
    17 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    18 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    19 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 70
    20 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 3
    21 Alternative text of images should not be repeated as text image-redundant-alt Best practice 4
    22 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice 1
    23 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice 1
    24 Ensures landmarks are unique landmark-unique Best practice 3
    25 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 80
    26 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 13
    27 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 54
    28 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    29 Zooming and scaling should not be disabled meta-viewport Best practice 1
    30 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 6
    31 Page should contain a level-one heading page-has-heading-one Best practice 1
    32 All page content should be contained by landmarks region Best practice 676
    33 Elements should not have tabindex greater than zero tabindex Best practice 1

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 1
    2 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 2

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
    4 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice
    5 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    6 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    7 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
    8 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
    9 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    10 "role=text" should have no focusable descendants aria-text Best practice
    11 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    12 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    13 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    14 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5
    15 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    16 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2
    17 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    18 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    19 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1
    20 Table header text must not be empty empty-table-header WCAG 1.3.1
    21 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2
    22 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    23 Frames should be tested with axe-core frame-tested Best practice
    24 Frames should have a unique title attribute frame-title-unique Best practice
    25 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2
    26 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    27 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
    28 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    29 Form elements should have a visible label label-title-only Best practice
    30 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    31 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
    32 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice
    33 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice
    34 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice
    35 Document should not have more than one main landmark landmark-no-duplicate-main Best practice
    36 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    37 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    38 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    39 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    40 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    41 scope attribute should be used correctly scope-attr-valid Best practice
    42 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
    43 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    44 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    45 The skip-link target should exist and be focusable skip-link Best practice
    46 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    47 tables should not have the same summary and caption table-duplicate-name Best practice
    48 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    49 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    50 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
    51 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  3. AXE Accessibility Results

    axe-core found 89 violations
    # Description Axe rule ID WCAG Impact Count
    1 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1 serious 1
    2 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 51
    3 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 serious 13
    4 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 critical 1
    5 Document should have one main landmark landmark-one-main Best practice moderate 1
    6 Ensures landmarks are unique landmark-unique Best practice moderate 1
    7 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 serious 3
    8 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 serious 7
    9 All page content should be contained by landmarks region Best practice moderate 11

    Failed

    1. ARIA progressbar nodes must have an accessible name
    Learn more
    aria-progressbar-name
    WCAG 2 Level A, WCAG 1.1.1

    Ensures every ARIA progressbar node has an accessible name

    serious
    Issue Tags: cat.aria wcag2a wcag111
    # Issue Description To solve this violation, you need to...
    1

    Element location

    ng-progress

    Element source

    <ng-progress _ngcontent-innogy-app-c328="" role="progressbar" _nghost-innogy-app-c233="" spinnerposition="right" dir="ltr+" thick="true" fixed="true">

    Fix any of the following:

    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    2. Elements must have sufficient color contrast
    Learn more
    color-contrast
    WCAG 2 Level AA, WCAG 1.4.3

    Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

    serious
    Issue Tags: cat.color wcag2aa wcag143
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .top-navigation--item.active[href="/"]

    Element source

    <a _ngcontent-innogy-app-c318="" wlcscapture="" class="top-navigation--item active" href="/"> Particulier </a>

    Fix any of the following:

    • Element has insufficient color contrast of 4.07 (foreground color: #e60167, background color: #f1f1f1, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .bg-light[_ngcontent-innogy-app-c318=""]
    2

    Element location

    .top-navigation--item[_ngcontent-innogy-app-c318=""][wlcscapture=""]:nth-child(2)

    Element source

    <a _ngcontent-innogy-app-c318="" wlcscapture="" class="top-navigation--item" href="https://www.essent.nl/content/particulier/index-zzp.html"> Zzp </a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.66 (foreground color: #94949e, background color: #f1f1f1, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .bg-light[_ngcontent-innogy-app-c318=""]
    3

    Element location

    .top-navigation--item[href$="zakelijk"][_ngcontent-innogy-app-c318=""]

    Element source

    <a _ngcontent-innogy-app-c318="" wlcscapture="" class="top-navigation--item" href="https://www.essent.nl/zakelijk"> Zakelijk </a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.66 (foreground color: #94949e, background color: #f1f1f1, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .bg-light[_ngcontent-innogy-app-c318=""]
    4

    Element location

    .btn-orange

    Element source

    <a _ngcontent-innogy-app-c169="" wltrackimpression="button-impression" trackimpressionmode="button" href="/energie/klant-worden" id="{7C649F4A-43C3-4E3D-B3AB-591805618CB6}" linktype="internal" text="Bereken mijn termijnbedrag" url="/Essent/Home/energie/klant-worden" class="mb-2 btn btn-orange">

    Fix any of the following:

    • Element has insufficient color contrast of 2.93 (foreground color: #ffffff, background color: #ff6600, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .btn-orange
    5

    Element location

    p:nth-child(2) > a[href$="modelcontract"]

    Element source

    <a href="/energie/modelcontract">modelcontract</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    wl-basic-content-variant-minimal > wl-composable-card > .bg-white.h-100[_ngcontent-innogy-app-c151=""]
    6

    Element location

    a[href$="reviews"]

    Element source

    <a href="/energie/reviews">8,1</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    wl-basic-content-variant-minimal > wl-composable-card > .bg-white.h-100[_ngcontent-innogy-app-c151=""]
    7

    Element location

    .btn-primary

    Element source

    <a _ngcontent-innogy-app-c153="" wltrackimpression="button-impression" trackimpressionmode="button" href="/energie/klant-worden" id="{7C649F4A-43C3-4E3D-B3AB-591805618CB6}" linktype="internal" text="Doe de postcodecheck" url="/Essent/Home/energie/klant-worden" class="btn-block mb-2 btn btn-primary">

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #ffffff, background color: #00a9d1, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .btn-primary
    8

    Element location

    .p-2.col-md-3.col-12:nth-child(1) > wl-icon-card-button > .rounded.background--white.background-hover--brand > .card-body.w-100.justify-content-center > .mt-2[_ngcontent-innogy-app-c116=""] > .color-gray[_ngcontent-innogy-app-c116=""]

    Element source

    <div _ngcontent-innogy-app-c116="" class="color-gray"> Switchen van leverancier? </div>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #94949e, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .p-2.col-md-3.col-12:nth-child(1) > wl-icon-card-button > .rounded.background--white.background-hover--brand
    9

    Element location

    .p-2.col-md-3.col-12:nth-child(2) > wl-icon-card-button > .rounded.background--white.background-hover--brand > .card-body.w-100.justify-content-center > .mt-2[_ngcontent-innogy-app-c116=""] > .color-gray[_ngcontent-innogy-app-c116=""]

    Element source

    <div _ngcontent-innogy-app-c116="" class="color-gray"> Een nieuwe woning? </div>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #94949e, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .p-2.col-md-3.col-12:nth-child(2) > wl-icon-card-button > .rounded.background--white.background-hover--brand
    10

    Element location

    .p-2.col-md-3.col-12:nth-child(3) > wl-icon-card-button > .rounded.background--white.background-hover--brand > .card-body.w-100.justify-content-center > .mt-2[_ngcontent-innogy-app-c116=""] > .color-gray[_ngcontent-innogy-app-c116=""]

    Element source

    <div _ngcontent-innogy-app-c116="" class="color-gray"> Antwoord op je vragen </div>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #94949e, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .p-2.col-md-3.col-12:nth-child(3) > wl-icon-card-button > .rounded.background--white.background-hover--brand
    11

    Element location

    .p-2.col-md-3.col-12:nth-child(4) > wl-icon-card-button > .rounded.background--white.background-hover--brand > .card-body.w-100.justify-content-center > .mt-2[_ngcontent-innogy-app-c116=""] > .color-gray[_ngcontent-innogy-app-c116=""]

    Element source

    <div _ngcontent-innogy-app-c116="" class="color-gray"> Voor als je al klant bent </div>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #94949e, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .p-2.col-md-3.col-12:nth-child(4) > wl-icon-card-button > .rounded.background--white.background-hover--brand
    12

    Element location

    #\{9C5F66BB-73BD-4D91-8A0B-43949D42E15F\}

    Element source

    <a _ngcontent-innogy-app-c153="" wltrackimpression="button-impression" trackimpressionmode="button" href="/klanten/thuisvoordeel" text="Ik wil Thuisvoordeel" linktype="internal" id="{9C5F66BB-73BD-4D91-8A0B-43949D42E15F}" class="mb-2 btn btn-outline-primary">Ik wil Thuisvoordeel</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    body
    13

    Element location

    #\{70121F01-349A-426C-9A54-8EC3BE257E10\}

    Element source

    <a _ngcontent-innogy-app-c153="" wltrackimpression="button-impression" trackimpressionmode="button" href="/energie/stroom/groene-stroom" text="Lees meer over groene stroom" linktype="internal" id="{70121F01-349A-426C-9A54-8EC3BE257E10}" class="mb-2 btn btn-outline-primary">

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    body
    14

    Element location

    .pb-lg-0.col-lg-4.order-lg-1 > sc-placeholder > wl-basic-content-wrapper > wl-basic-content[wltrackimpression="contentblock-impression"] > wl-basic-content-variant-vertical-image > wl-composable-card > .border.bg-white[_ngcontent-innogy-app-c151=""] > wl-basic-content-partial-top-between > .h-100.flex-column[_ngcontent-innogy-app-c153=""] > .pt-lg-2.px-2.pb-2 > wl-rich-text-wrapper > div[_ngcontent-innogy-app-c101=""][data-cs-capture="true"][wlcscapture=""] > .text-center.mb-2[_ngcontent-innogy-app-c153=""] > p > .sidenote

    Element source

    <span class="sidenote">Iets extra's bij je energiecontract</span>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #94949e, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .pb-lg-0.col-lg-4.order-lg-1 > sc-placeholder > wl-basic-content-wrapper > wl-basic-content[wltrackimpression="contentblock-impression"] > wl-basic-content-variant-vertical-image > wl-composable-card > .border.bg-white[_ngcontent-innogy-app-c151=""]
    15

    Element location

    .btn-outline-primary[href$="cadeau"][text="Momenteel niet beschikbaar"]

    Element source

    <a _ngcontent-innogy-app-c153="" wltrackimpression="button-impression" trackimpressionmode="button" href="/energie/cadeau" text="Momenteel niet beschikbaar" linktype="internal" id="{D090B6E1-1F51-4047-B4E8-5A3919D81E28}" class="btn-block mb-2 btn btn-outline-primary">Momenteel niet beschikbaar</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .pb-lg-0.col-lg-4.order-lg-1 > sc-placeholder > wl-basic-content-wrapper > wl-basic-content[wltrackimpression="contentblock-impression"] > wl-basic-content-variant-vertical-image > wl-composable-card > .border.bg-white[_ngcontent-innogy-app-c151=""]
    16

    Element location

    .pb-lg-0.col-lg-4.order-lg-1 > sc-placeholder > wl-basic-content-wrapper > wl-basic-content[wltrackimpression="contentblock-impression"] > wl-basic-content-variant-vertical-image > wl-composable-card > .border.bg-white[_ngcontent-innogy-app-c151=""] > wl-basic-content-partial-top-between > .h-100.flex-column[_ngcontent-innogy-app-c153=""] > .pt-lg-2.px-2.pb-2 > .flex-wrap.justify-content-center.flex-column > .mt-0[href$="energie-updates"][text="Blijf op de hoogte"]

    Element source

    <a _ngcontent-innogy-app-c153="" wltrackimpression="button-impression" trackimpressionmode="button" href="/energie/energie-updates" text="Blijf op de hoogte" linktype="internal" id="{8F9DFAAB-F595-4FC9-93B0-D0976B8B0190}" class="btn-block mb-2 mt-0 btn btn-link p-0">Blijf op de hoogte</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .pb-lg-0.col-lg-4.order-lg-1 > sc-placeholder > wl-basic-content-wrapper > wl-basic-content[wltrackimpression="contentblock-impression"] > wl-basic-content-variant-vertical-image > wl-composable-card > .border.bg-white[_ngcontent-innogy-app-c151=""]
    17

    Element location

    .order-lg-2.order-2[data-automation-id="dynamic-row-column-2"] > sc-placeholder > wl-basic-content-wrapper > wl-basic-content[wltrackimpression="contentblock-impression"] > wl-basic-content-variant-vertical-image > wl-composable-card > .border.bg-white[_ngcontent-innogy-app-c151=""] > wl-basic-content-partial-top-between > .h-100.flex-column[_ngcontent-innogy-app-c153=""] > .pt-lg-2.px-2.pb-2 > wl-rich-text-wrapper > div[_ngcontent-innogy-app-c101=""][data-cs-capture="true"][wlcscapture=""] > .text-center.mb-2[_ngcontent-innogy-app-c153=""] > p > .sidenote

    Element source

    <span class="sidenote">Altijd handig, een cadeaukaart</span>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #94949e, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .order-lg-2.order-2[data-automation-id="dynamic-row-column-2"] > sc-placeholder > wl-basic-content-wrapper > wl-basic-content[wltrackimpression="contentblock-impression"] > wl-basic-content-variant-vertical-image > wl-composable-card > .border.bg-white[_ngcontent-innogy-app-c151=""]
    18

    Element location

    .btn-outline-primary[href$="cadeaukaart"][text="Momenteel niet beschikbaar"]

    Element source

    <a _ngcontent-innogy-app-c153="" wltrackimpression="button-impression" trackimpressionmode="button" href="/energie/cadeau/cadeaukaart" text="Momenteel niet beschikbaar" linktype="internal" id="{6540940B-855E-4DFB-9BB3-08D296DC133F}" class="btn-block mb-2 btn btn-outline-primary">

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .order-lg-2.order-2[data-automation-id="dynamic-row-column-2"] > sc-placeholder > wl-basic-content-wrapper > wl-basic-content[wltrackimpression="contentblock-impression"] > wl-basic-content-variant-vertical-image > wl-composable-card > .border.bg-white[_ngcontent-innogy-app-c151=""]
    19

    Element location

    .order-lg-2.order-2[data-automation-id="dynamic-row-column-2"] > sc-placeholder > wl-basic-content-wrapper > wl-basic-content[wltrackimpression="contentblock-impression"] > wl-basic-content-variant-vertical-image > wl-composable-card > .border.bg-white[_ngcontent-innogy-app-c151=""] > wl-basic-content-partial-top-between > .h-100.flex-column[_ngcontent-innogy-app-c153=""] > .pt-lg-2.px-2.pb-2 > .flex-wrap.justify-content-center.flex-column > .mt-0[href$="energie-updates"][text="Blijf op de hoogte"]

    Element source

    <a _ngcontent-innogy-app-c153="" wltrackimpression="button-impression" trackimpressionmode="button" href="/energie/energie-updates" text="Blijf op de hoogte" linktype="internal" id="{8F9DFAAB-F595-4FC9-93B0-D0976B8B0190}" class="btn-block mb-2 mt-0 btn btn-link p-0">Blijf op de hoogte</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .order-lg-2.order-2[data-automation-id="dynamic-row-column-2"] > sc-placeholder > wl-basic-content-wrapper > wl-basic-content[wltrackimpression="contentblock-impression"] > wl-basic-content-variant-vertical-image > wl-composable-card > .border.bg-white[_ngcontent-innogy-app-c151=""]
    20

    Element location

    .order-3 > sc-placeholder > wl-basic-content-wrapper > wl-basic-content[wltrackimpression="contentblock-impression"] > wl-basic-content-variant-vertical-image > wl-composable-card > .border.bg-white[_ngcontent-innogy-app-c151=""] > wl-basic-content-partial-top-between > .h-100.flex-column[_ngcontent-innogy-app-c153=""] > .pt-lg-2.px-2.pb-2 > wl-rich-text-wrapper > div[_ngcontent-innogy-app-c101=""][data-cs-capture="true"][wlcscapture=""] > .text-center.mb-2[_ngcontent-innogy-app-c153=""] > p > .sidenote

    Element source

    <span class="sidenote">Een geldbedrag cadeau</span>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #94949e, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .order-3 > sc-placeholder > wl-basic-content-wrapper > wl-basic-content[wltrackimpression="contentblock-impression"] > wl-basic-content-variant-vertical-image > wl-composable-card > .border.bg-white[_ngcontent-innogy-app-c151=""]
    21

    Element location

    .btn-outline-primary[href$="cashback"][text="Momenteel niet beschikbaar"]

    Element source

    <a _ngcontent-innogy-app-c153="" wltrackimpression="button-impression" trackimpressionmode="button" href="/energie/cashback" text="Momenteel niet beschikbaar" linktype="internal" id="{B5BDDC56-20DB-4D61-A951-3A851CFCD0E0}" class="btn-block mb-2 btn btn-outline-primary">Momenteel niet beschikbaar</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .order-3 > sc-placeholder > wl-basic-content-wrapper > wl-basic-content[wltrackimpression="contentblock-impression"] > wl-basic-content-variant-vertical-image > wl-composable-card > .border.bg-white[_ngcontent-innogy-app-c151=""]
    22

    Element location

    .order-3 > sc-placeholder > wl-basic-content-wrapper > wl-basic-content[wltrackimpression="contentblock-impression"] > wl-basic-content-variant-vertical-image > wl-composable-card > .border.bg-white[_ngcontent-innogy-app-c151=""] > wl-basic-content-partial-top-between > .h-100.flex-column[_ngcontent-innogy-app-c153=""] > .pt-lg-2.px-2.pb-2 > .flex-wrap.justify-content-center.flex-column > .mt-0[href$="energie-updates"][text="Blijf op de hoogte"]

    Element source

    <a _ngcontent-innogy-app-c153="" wltrackimpression="button-impression" trackimpressionmode="button" href="/energie/energie-updates" text="Blijf op de hoogte" linktype="internal" id="{8F9DFAAB-F595-4FC9-93B0-D0976B8B0190}" class="btn-block mb-2 mt-0 btn btn-link p-0">Blijf op de hoogte</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .order-3 > sc-placeholder > wl-basic-content-wrapper > wl-basic-content[wltrackimpression="contentblock-impression"] > wl-basic-content-variant-vertical-image > wl-composable-card > .border.bg-white[_ngcontent-innogy-app-c151=""]
    23

    Element location

    #\{16320B50-C485-4A74-9088-1513E1DE32A1\}

    Element source

    <a href="/energie/aanbiedingen" text="Bekijk alle energie aanbiedingen" linktype="internal" id="{16320B50-C485-4A74-9088-1513E1DE32A1}" class="mb-1 btn btn-link p-0">Bekijk alle energie aanbiedingen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.44 (foreground color: #00a9d1, background color: #f1f1f1, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    wl-dynamic-row:nth-child(8) > .bg-light[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""]
    24

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(1) > .links__title.font-weight-bold

    Element source

    <p _ngcontent-innogy-app-c176="" class="links__title font-weight-bold">Particulier</p>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    25

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(1) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(1) > a[text="Stroom & Gas"][href$="energie"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/energie" text="Stroom &amp; Gas" linktype="internal" id="{C9477DB5-8FE0-4AAF-9242-C8BB6E14CB00}">Stroom &amp; Gas</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    26

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(1) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(2) > a[text="Zonnepanelen"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.essent.nl/content/particulier/energie-besparen/zonnepanelen/index.html" linktype="external" url="https://www.essent.nl/content/particulier/energie-besparen/zonnepanelen/index.html" text="Zonnepanelen">Zonnepanelen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    27

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(1) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(3) > a[text="Cv-ketels"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.essent.nl/content/particulier/energie-besparen/verwarmingsinstallaties/cv-ketels/index.html" linktype="external" url="https://www.essent.nl/content/particulier/energie-besparen/verwarmingsinstallaties/cv-ketels/index.html" text="Cv-ketels">

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    28

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(1) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(4) > a[text="Klantenservice"][href$="klantenservice"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/klantenservice" text="Klantenservice" linktype="internal" id="{45518F8B-757E-4406-B681-C2A142CF35EE}">Klantenservice</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    29

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(1) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(5) > a[href$="modelcontract"][text="Modelcontract"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/energie/modelcontract" text="Modelcontract" linktype="internal" id="{B8D20CEB-443F-4A11-AC4A-422D569DD3E7}">Modelcontract</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    30

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(2) > .links__title.font-weight-bold

    Element source

    <p _ngcontent-innogy-app-c176="" class="links__title font-weight-bold">Zakelijk</p>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    31

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(2) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(1) > a[text="Zakelijke energie"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.essent.nl/content/zakelijk/producten/index.html" linktype="external" url="https://www.essent.nl/content/zakelijk/producten/index.html" text="Zakelijke energie">Zakelijke energie</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    32

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(2) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(2) > a[text="Energie besparen"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.essent.nl/content/zakelijk/energie-besparen/index.html" linktype="external" url="https://www.essent.nl/content/zakelijk/energie-besparen/index.html" text="Energie besparen">Energie besparen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    33

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(2) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(3) > a[text="Offerte aanvragen"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.essent.nl/content/zakelijk/offerte_aanvragen/index.html" linktype="external" url="https://www.essent.nl/content/zakelijk/offerte_aanvragen/index.html" text="Offerte aanvragen">Offerte aanvragen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    34

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(2) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(5) > a[text="Modelcontract"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.essent.nl/content/zakelijk/producten/elektriciteit_gas/modelcontract%20zakelijk.html" text="Modelcontract" linktype="external" url="https://www.essent.nl/content/zakelijk/producten/elektriciteit_gas/modelcontract%20zakelijk.html">Modelcontract</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    35

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(3) > .links__title.font-weight-bold

    Element source

    <p _ngcontent-innogy-app-c176="" class="links__title font-weight-bold">Over ons</p>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    36

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(3) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(1) > a[href$="over-essent"][text="Over Essent"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/over-essent" text="Over Essent" linktype="internal" id="{A13D6256-A57E-4689-8B3C-26758B064407}">Over Essent</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    37

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(3) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(2) > a[href$="energietransitie"][text="Energietransitie"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/over-essent/energietransitie" text="Energietransitie" linktype="internal" id="{3FB30AAE-69B0-4D47-9E60-AE1A42B4C39F}">Energietransitie</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    38

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(3) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(3) > a[text="Nieuws en media"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.essent.nl/content/overessent/actueel/index.html" text="Nieuws en media" linktype="external" url="https://www.essent.nl/content/overessent/actueel/index.html">Nieuws en media</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    39

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(3) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(4) > a[text="Contact"][href$="klantenservice"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/klantenservice" text="Contact" linktype="internal" id="{45518F8B-757E-4406-B681-C2A142CF35EE}">Contact</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    40

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(3) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(5) > a[text="Bij ons werken"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.werkenbijessent.nl/" linktype="external" url="https://www.werkenbijessent.nl/" text="Bij ons werken">Bij ons werken</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    41

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="privacyverklaring"][text="Privacy"]

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/privacyverklaring" text="Privacy" linktype="internal" id="{FE020002-0B8D-4372-90AC-A5E8141E83AB}"> Privacy </a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    42

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="voorwaarden"][text="Voorwaarden"]

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/voorwaarden" text="Voorwaarden" linktype="internal" id="{28B60084-C686-43C4-AD2E-8D4985FF9824}"> Voorwaarden </a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    43

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > a[href$="kennisbank"][text="Kennisbank"][url="/kennisbank"]

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/kennisbank" text="Kennisbank" linktype="external" url="/kennisbank"> Kennisbank </a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    44

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0.pl-0.pr-2:nth-child(4)

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/voorwaarden/algemene-inkoopvoorwaarden" text="Informatie voor toeleveranciers en inkoopvoorwaarden" linktype="internal" id="{A125FB62-32E4-46BC-BF7D-A2E8A3B03C55}"> Informatie voor toeleveranciers en inkoopvoorwaarden </a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    45

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0.pl-0.pr-2:nth-child(5)

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="https://eon-wb.compliancesolutions.com/" linktype="external" url="https://eon-wb.compliancesolutions.com/"> Whistleblowing E.ON </a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    46

    Element location

    .nav-legal--inline > .nav-legal__copyright[_ngcontent-innogy-app-c135=""]

    Element source

    <span _ngcontent-innogy-app-c135="" class="nav-legal__copyright">©Essent 2022</span>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    47

    Element location

    #dynamicLink > a

    Element source

    <a href="https://www.essent.nl/content/sitevoorwaarden/overzicht-websites.html">E.ON groep</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    48

    Element location

    #privacyverklaring > a

    Element source

    <a href="https://www.essent.nl/content/sitevoorwaarden/privacyverklaring.html">privacyverklaring</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    49

    Element location

    #std_cookie_show_settings

    Element source

    <a href="#" id="std_cookie_show_settings">instellingen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    50

    Element location

    #stAcceptDefault

    Element source

    <a class="btn btn-blue" id="stAcceptDefault" href="#">Ja, ik accepteer cookies</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #ffffff, background color: #00a9d1, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    #stAcceptDefault
    51

    Element location

    #stSettingsButton

    Element source

    <a class="btn btn-blue-ghost" id="stSettingsButton" href="#">Instellingen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    3. IDs of active elements must be unique
    Learn more
    duplicate-id-active
    WCAG 2 Level A, WCAG 4.1.1

    Ensures every id attribute value of active elements is unique

    serious
    Issue Tags: cat.parsing wcag2a wcag411
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .btn-orange

    Element source

    <a _ngcontent-innogy-app-c169="" wltrackimpression="button-impression" trackimpressionmode="button" href="/energie/klant-worden" id="{7C649F4A-43C3-4E3D-B3AB-591805618CB6}" linktype="internal" text="Bereken mijn termijnbedrag" url="/Essent/Home/energie/klant-worden" class="mb-2 btn btn-orange">

    Fix any of the following:

    • Document has active elements with the same id attribute: {7C649F4A-43C3-4E3D-B3AB-591805618CB6}

    Related node:

    .btn-primary
    2

    Element location

    a[href$="cadeau"][_ngcontent-innogy-app-c118=""][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c118="" href="/energie/cadeau" linktype="internal" id="{D090B6E1-1F51-4047-B4E8-5A3919D81E28}">

    Fix any of the following:

    • Document has active elements with the same id attribute: {D090B6E1-1F51-4047-B4E8-5A3919D81E28}

    Related node:

    .btn-outline-primary[href$="cadeau"][text="Momenteel niet beschikbaar"]
    3

    Element location

    .pb-lg-0.col-lg-4.order-lg-1 > sc-placeholder > wl-basic-content-wrapper > wl-basic-content[wltrackimpression="contentblock-impression"] > wl-basic-content-variant-vertical-image > wl-composable-card > .border.bg-white[_ngcontent-innogy-app-c151=""] > wl-basic-content-partial-top-between > .h-100.flex-column[_ngcontent-innogy-app-c153=""] > .pt-lg-2.px-2.pb-2 > .flex-wrap.justify-content-center.flex-column > .mt-0[href$="energie-updates"][text="Blijf op de hoogte"]

    Element source

    <a _ngcontent-innogy-app-c153="" wltrackimpression="button-impression" trackimpressionmode="button" href="/energie/energie-updates" text="Blijf op de hoogte" linktype="internal" id="{8F9DFAAB-F595-4FC9-93B0-D0976B8B0190}" class="btn-block mb-2 mt-0 btn btn-link p-0">Blijf op de hoogte</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {8F9DFAAB-F595-4FC9-93B0-D0976B8B0190}

    Related node:

    .order-lg-2.order-2[data-automation-id="dynamic-row-column-2"] > sc-placeholder > wl-basic-content-wrapper > wl-basic-content[wltrackimpression="contentblock-impression"] > wl-basic-content-variant-vertical-image > wl-composable-card > .border.bg-white[_ngcontent-innogy-app-c151=""] > wl-basic-content-partial-top-between > .h-100.flex-column[_ngcontent-innogy-app-c153=""] > .pt-lg-2.px-2.pb-2 > .flex-wrap.justify-content-center.flex-column > .mt-0[href$="energie-updates"][text="Blijf op de hoogte"]
    .order-3 > sc-placeholder > wl-basic-content-wrapper > wl-basic-content[wltrackimpression="contentblock-impression"] > wl-basic-content-variant-vertical-image > wl-composable-card > .border.bg-white[_ngcontent-innogy-app-c151=""] > wl-basic-content-partial-top-between > .h-100.flex-column[_ngcontent-innogy-app-c153=""] > .pt-lg-2.px-2.pb-2 > .flex-wrap.justify-content-center.flex-column > .mt-0[href$="energie-updates"][text="Blijf op de hoogte"]
    4

    Element location

    a[href$="cadeaukaart"][_ngcontent-innogy-app-c118=""][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c118="" href="/energie/cadeau/cadeaukaart" linktype="internal" id="{6540940B-855E-4DFB-9BB3-08D296DC133F}">

    Fix any of the following:

    • Document has active elements with the same id attribute: {6540940B-855E-4DFB-9BB3-08D296DC133F}

    Related node:

    .btn-outline-primary[href$="cadeaukaart"][text="Momenteel niet beschikbaar"]
    5

    Element location

    a[href$="cashback"][_ngcontent-innogy-app-c118=""][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c118="" href="/energie/cashback" linktype="internal" id="{B5BDDC56-20DB-4D61-A951-3A851CFCD0E0}">

    Fix any of the following:

    • Document has active elements with the same id attribute: {B5BDDC56-20DB-4D61-A951-3A851CFCD0E0}

    Related node:

    .btn-outline-primary[href$="cashback"][text="Momenteel niet beschikbaar"]
    6

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(1) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(1) > a[text="Stroom & Gas"][href$="energie"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/energie" text="Stroom &amp; Gas" linktype="internal" id="{C9477DB5-8FE0-4AAF-9242-C8BB6E14CB00}">Stroom &amp; Gas</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {C9477DB5-8FE0-4AAF-9242-C8BB6E14CB00}

    Related node:

    .collapse > .list-no-default-spacing.list-unstyled > li:nth-child(1) > a[text="Stroom & Gas"][href$="energie"][linktype="internal"]
    7

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(1) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(4) > a[text="Klantenservice"][href$="klantenservice"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/klantenservice" text="Klantenservice" linktype="internal" id="{45518F8B-757E-4406-B681-C2A142CF35EE}">Klantenservice</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {45518F8B-757E-4406-B681-C2A142CF35EE}

    Related node:

    .col-sm-6.col-xl-2.mb-md-0:nth-child(3) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(4) > a[text="Contact"][href$="klantenservice"][linktype="internal"]
    .collapse > .list-no-default-spacing.list-unstyled > li:nth-child(4) > a[text="Klantenservice"][href$="klantenservice"][linktype="internal"]
    .collapse > .list-no-default-spacing.list-unstyled > li:nth-child(4) > a[text="Contact"][href$="klantenservice"][linktype="internal"]
    8

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(1) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(5) > a[href$="modelcontract"][text="Modelcontract"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/energie/modelcontract" text="Modelcontract" linktype="internal" id="{B8D20CEB-443F-4A11-AC4A-422D569DD3E7}">Modelcontract</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {B8D20CEB-443F-4A11-AC4A-422D569DD3E7}

    Related node:

    .collapse > .list-no-default-spacing.list-unstyled > li:nth-child(5) > a[href$="modelcontract"][text="Modelcontract"][linktype="internal"]
    9

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(3) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(1) > a[href$="over-essent"][text="Over Essent"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/over-essent" text="Over Essent" linktype="internal" id="{A13D6256-A57E-4689-8B3C-26758B064407}">Over Essent</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {A13D6256-A57E-4689-8B3C-26758B064407}

    Related node:

    .collapse > .list-no-default-spacing.list-unstyled > li:nth-child(1) > a[href$="over-essent"][text="Over Essent"][linktype="internal"]
    10

    Element location

    .col-sm-6.col-xl-2.mb-md-0:nth-child(3) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(2) > a[href$="energietransitie"][text="Energietransitie"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/over-essent/energietransitie" text="Energietransitie" linktype="internal" id="{3FB30AAE-69B0-4D47-9E60-AE1A42B4C39F}">Energietransitie</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {3FB30AAE-69B0-4D47-9E60-AE1A42B4C39F}

    Related node:

    .collapse > .list-no-default-spacing.list-unstyled > li:nth-child(2) > a[href$="energietransitie"][text="Energietransitie"][linktype="internal"]
    11

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="privacyverklaring"][text="Privacy"]

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/privacyverklaring" text="Privacy" linktype="internal" id="{FE020002-0B8D-4372-90AC-A5E8141E83AB}"> Privacy </a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {FE020002-0B8D-4372-90AC-A5E8141E83AB}

    Related node:

    .nav-legal--outline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="privacyverklaring"][text="Privacy"]
    12

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="voorwaarden"][text="Voorwaarden"]

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/voorwaarden" text="Voorwaarden" linktype="internal" id="{28B60084-C686-43C4-AD2E-8D4985FF9824}"> Voorwaarden </a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {28B60084-C686-43C4-AD2E-8D4985FF9824}

    Related node:

    .nav-legal--outline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="voorwaarden"][text="Voorwaarden"]
    13

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0.pl-0.pr-2:nth-child(4)

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/voorwaarden/algemene-inkoopvoorwaarden" text="Informatie voor toeleveranciers en inkoopvoorwaarden" linktype="internal" id="{A125FB62-32E4-46BC-BF7D-A2E8A3B03C55}"> Informatie voor toeleveranciers en inkoopvoorwaarden </a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {A125FB62-32E4-46BC-BF7D-A2E8A3B03C55}

    Related node:

    .nav-legal--outline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0.pl-0.pr-2:nth-child(4)
    4. Images must have alternate text
    Learn more
    image-alt
    WCAG 2 Level A, WCAG 1.1.1

    Ensures <img> elements have alternate text or a role of none or presentation

    critical
    Issue Tags: cat.text-alternatives wcag2a wcag111 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #logo1

    Element source

    <img id="logo1" src="https://static.essent.nl/online/img/essent-logo-bottom-right-small.png" align="left">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    5. Document should have one main landmark
    Learn more
    landmark-one-main
    Best practice

    Ensures the document has a main landmark

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html lang="nl">

    Fix all of the following:

    • Document does not have a main landmark
    6. Ensures landmarks are unique
    Learn more
    landmark-unique
    Best practice

    Landmarks should have a unique role or role/label/title (i.e. accessible name) combination

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .navbar-expand-md

    Element source

    <nav _ngcontent-innogy-app-c320="" class="navbar navbar-expand-md navbar-light pb-md-2 pb-lg-3 pt-3 px-0 bg-white">

    Fix any of the following:

    • The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable

    Related node:

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav
    7. Links must have discernible text
    Learn more
    link-name
    WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4

    Ensures links have discernible text

    serious
    Issue Tags: cat.name-role-value wcag2a wcag412 wcag244 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .breadcrumb

    Element source

    <a _ngcontent-innogy-app-c161="" wltracklink="" class="breadcrumb" href="/" data-automation-id="breadcrumb-anchor-0">

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    2

    Element location

    a[href$="cadeau"][_ngcontent-innogy-app-c118=""][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c118="" href="/energie/cadeau" linktype="internal" id="{D090B6E1-1F51-4047-B4E8-5A3919D81E28}">

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    3

    Element location

    a[href$="cashback"][_ngcontent-innogy-app-c118=""][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c118="" href="/energie/cashback" linktype="internal" id="{B5BDDC56-20DB-4D61-A951-3A851CFCD0E0}">

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    8. Interactive controls must not be nested
    Learn more
    nested-interactive
    WCAG 2 Level A, WCAG 4.1.2

    Ensures interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies

    serious
    Issue Tags: cat.keyboard wcag2a wcag412
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #tab-0-header

    Element source

    <div role="tab" class="card-header" id="tab-0-header">

    Fix any of the following:

    • Element has focusable descendants

    Related node:

    button[aria-controls="tab-0"]
    2

    Element location

    #tab-1-header

    Element source

    <div role="tab" class="card-header" id="tab-1-header">

    Fix any of the following:

    • Element has focusable descendants

    Related node:

    button[aria-controls="tab-1"]
    3

    Element location

    #tab-2-header

    Element source

    <div role="tab" class="card-header" id="tab-2-header">

    Fix any of the following:

    • Element has focusable descendants

    Related node:

    button[aria-controls="tab-2"]
    4

    Element location

    #tab-3-header

    Element source

    <div role="tab" class="card-header" id="tab-3-header">

    Fix any of the following:

    • Element has focusable descendants

    Related node:

    button[aria-controls="tab-3"]
    5

    Element location

    #tab-4-header

    Element source

    <div role="tab" class="card-header" id="tab-4-header">

    Fix any of the following:

    • Element has focusable descendants

    Related node:

    button[aria-controls="tab-4"]
    6

    Element location

    #tab-5-header

    Element source

    <div role="tab" class="card-header" id="tab-5-header">

    Fix any of the following:

    • Element has focusable descendants

    Related node:

    button[aria-controls="tab-5"]
    7

    Element location

    #tab-6-header

    Element source

    <div role="tab" class="card-header" id="tab-6-header">

    Fix any of the following:

    • Element has focusable descendants

    Related node:

    button[aria-controls="tab-6"]
    9. All page content should be contained by landmarks
    Learn more
    region
    Best practice

    Ensures all page content is contained by landmarks

    moderate
    Issue Tags: cat.keyboard best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    wl-jumbotron

    Element source

    <wl-jumbotron _nghost-innogy-app-c170="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    2

    Element location

    wl-dynamic-row:nth-child(3)

    Element source

    <wl-dynamic-row _nghost-innogy-app-c342="" id="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    3

    Element location

    .bg-light[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""] > .pb-8.pb-lg-10[wlautomationid="main-content"] > wl-basic-content[variant="ngContentBetween"] > wl-basic-content-variant-ng-content-between > div:nth-child(1)

    Element source

    <div><wl-basic-content-partial-heading class="mb-1"><div class="d-flex align-items-center"><!----><!----><h2 class="h2 mb-0">Snel regelen</h2><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div></wl-basic-content-partial-heading><!----><!----></div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    4

    Element location

    wl-rich-text

    Element source

    <wl-rich-text _nghost-innogy-app-c178="" _ngcontent-innogy-app-c342="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    5

    Element location

    wl-dynamic-row:nth-child(6)

    Element source

    <wl-dynamic-row _nghost-innogy-app-c342="" id="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    6

    Element location

    wl-dynamic-row:nth-child(7)

    Element source

    <wl-dynamic-row _nghost-innogy-app-c342="" id="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    7

    Element location

    wl-dynamic-row:nth-child(8)

    Element source

    <wl-dynamic-row _nghost-innogy-app-c342="" id="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    8

    Element location

    wl-footer-brand

    Element source

    <wl-footer-brand _ngcontent-innogy-app-c136="" class="footer__brand-container col align-items-end text-center text-md-left" _nghost-innogy-app-c133="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    9

    Element location

    .row.d-flex[_ngcontent-innogy-app-c176=""]

    Element source

    <div _ngcontent-innogy-app-c176="" class="row d-flex">

    Fix any of the following:

    • Some page content is not contained by landmarks
    10

    Element location

    .nav-legal--inline > .nav-legal__copyright[_ngcontent-innogy-app-c135=""]

    Element source

    <span _ngcontent-innogy-app-c135="" class="nav-legal__copyright">©Essent 2022</span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    11

    Element location

    #stTagPopup

    Element source

    <div id="stTagPopup" class="stPopup roundedCorners container" style="display: block;">

    Fix any of the following:

    • Some page content is not contained by landmarks
    # Description Axe rule ID WCAG Nodes passed check
    1 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 15
    2 ARIA role should be appropriate for the element aria-allowed-role Best practice 49
    3 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    4 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 40
    5 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 10
    6 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1 1
    7 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1 7
    8 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 10
    9 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 15
    10 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 15
    11 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 13
    12 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 11
    13 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    14 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 41
    15 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    16 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 7
    17 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 27
    18 Headings should not be empty empty-heading Best practice 12
    19 Heading levels should only increase by one heading-order Best practice 12
    20 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    21 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    22 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 43
    23 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 7
    24 Alternative text of images should not be repeated as text image-redundant-alt Best practice 8
    25 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice 1
    26 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice 1
    27 Ensures landmarks are unique landmark-unique Best practice 3
    28 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 55
    29 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 4
    30 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 17
    31 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    32 Zooming and scaling should not be disabled meta-viewport Best practice 1
    33 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 18
    34 Page should contain a level-one heading page-has-heading-one Best practice 1
    35 All page content should be contained by landmarks region Best practice 514

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 2
    2 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 2

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
    4 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice
    5 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    6 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    7 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    8 "role=text" should have no focusable descendants aria-text Best practice
    9 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    10 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    11 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    12 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5
    13 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    14 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    15 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    16 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1
    17 Table header text must not be empty empty-table-header WCAG 1.3.1
    18 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2
    19 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    20 Frames should be tested with axe-core frame-tested Best practice
    21 Frames should have a unique title attribute frame-title-unique Best practice
    22 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2
    23 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    24 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
    25 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    26 Form elements should have a visible label label-title-only Best practice
    27 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    28 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
    29 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice
    30 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice
    31 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice
    32 Document should not have more than one main landmark landmark-no-duplicate-main Best practice
    33 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    34 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    35 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    36 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    37 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    38 scope attribute should be used correctly scope-attr-valid Best practice
    39 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
    40 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    41 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    42 The skip-link target should exist and be focusable skip-link Best practice
    43 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    44 Elements should not have tabindex greater than zero tabindex Best practice
    45 tables should not have the same summary and caption table-duplicate-name Best practice
    46 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    47 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    48 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
    49 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  4. AXE Accessibility Results

    axe-core found 79 violations
    # Description Axe rule ID WCAG Impact Count
    1 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1 serious 1
    2 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 45
    3 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 serious 7
    4 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2 serious 1
    5 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 critical 1
    6 Document should have one main landmark landmark-one-main Best practice moderate 1
    7 Ensures landmarks are unique landmark-unique Best practice moderate 1
    8 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 serious 1
    9 All page content should be contained by landmarks region Best practice moderate 21

    Failed

    1. ARIA progressbar nodes must have an accessible name
    Learn more
    aria-progressbar-name
    WCAG 2 Level A, WCAG 1.1.1

    Ensures every ARIA progressbar node has an accessible name

    serious
    Issue Tags: cat.aria wcag2a wcag111
    # Issue Description To solve this violation, you need to...
    1

    Element location

    ng-progress

    Element source

    <ng-progress _ngcontent-innogy-app-c328="" role="progressbar" _nghost-innogy-app-c233="" spinnerposition="right" dir="ltr+" thick="true" fixed="true">

    Fix any of the following:

    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    2. Elements must have sufficient color contrast
    Learn more
    color-contrast
    WCAG 2 Level AA, WCAG 1.4.3

    Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

    serious
    Issue Tags: cat.color wcag2aa wcag143
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #\{639BF869-A5AA-449B-AAAE-0C3BAB5928C9\}

    Element source

    <a wltrackimpression="button-impression" trackimpressionmode="button" href="/klantenservice/stijgende-energieprijzen#intro" text="Alles over Prinsjesdag" linktype="internal" id="{639BF869-A5AA-449B-AAAE-0C3BAB5928C9}" class="mb-2 btn btn-primary">Alles over de tarieven</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.84 (foreground color: #ffffff, background color: #3b9cff, font size: 15.0pt (20px), font weight: bold). Expected contrast ratio of 3:1

    Related node:

    #\{639BF869-A5AA-449B-AAAE-0C3BAB5928C9\}
    2

    Element location

    .score

    Element source

    <div _ngcontent-innogy-app-c349="" class="score font-weight-bold d-flex justify-content-center align-items-center bg-brand rounded h2 text-white p-4 m-0"> 8.2 </div>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 27.2pt (36.24px), font weight: bold). Expected contrast ratio of 3:1

    Related node:

    .score
    3

    Element location

    .text-brand

    Element source

    <h2 class="text-center text-brand h2 mb-0">Waar ben je naar op zoek?</h2>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #5fb624, background color: #ffffff, font size: 27.2pt (36.24px), font weight: bold). Expected contrast ratio of 3:1

    Related node:

    body
    4

    Element location

    .pb-lg-0.order-lg-1[data-automation-id="dynamic-row-column-1"] > sc-placeholder > wl-list-container > wl-list-variant-hub > wl-composable-card > .shadow-sm.rounded-top[_ngcontent-innogy-app-c151=""] > .p-2.header.bg-brand > .h4.mb-0

    Element source

    <p _ngcontent-innogy-app-c172="" class="h4 text-white mb-0">Klant worden.</p>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 15.0pt (20px), font weight: bold). Expected contrast ratio of 3:1

    Related node:

    .pb-lg-0.order-lg-1[data-automation-id="dynamic-row-column-1"] > sc-placeholder > wl-list-container > wl-list-variant-hub > wl-composable-card > .shadow-sm.rounded-top[_ngcontent-innogy-app-c151=""] > .p-2.header.bg-brand
    5

    Element location

    .order-lg-2.order-2[data-automation-id="dynamic-row-column-2"] > sc-placeholder > wl-list-container > wl-list-variant-hub > wl-composable-card > .shadow-sm.rounded-top[_ngcontent-innogy-app-c151=""] > .p-2.header.bg-brand > .h4.mb-0

    Element source

    <p _ngcontent-innogy-app-c172="" class="h4 text-white mb-0">Speciaal voor klanten.</p>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 15.0pt (20px), font weight: bold). Expected contrast ratio of 3:1

    Related node:

    .order-lg-2.order-2[data-automation-id="dynamic-row-column-2"] > sc-placeholder > wl-list-container > wl-list-variant-hub > wl-composable-card > .shadow-sm.rounded-top[_ngcontent-innogy-app-c151=""] > .p-2.header.bg-brand
    6

    Element location

    .order-3.order-lg-3[data-automation-id="dynamic-row-column-3"] > sc-placeholder > wl-list-container > wl-list-variant-hub > wl-composable-card > .shadow-sm.rounded-top[_ngcontent-innogy-app-c151=""] > .p-2.header.bg-brand > .h4.mb-0

    Element source

    <p _ngcontent-innogy-app-c172="" class="h4 text-white mb-0">Zelf regelen.</p>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 15.0pt (20px), font weight: bold). Expected contrast ratio of 3:1

    Related node:

    .order-3.order-lg-3[data-automation-id="dynamic-row-column-3"] > sc-placeholder > wl-list-container > wl-list-variant-hub > wl-composable-card > .shadow-sm.rounded-top[_ngcontent-innogy-app-c151=""] > .p-2.header.bg-brand
    7

    Element location

    h2 > .text-white

    Element source

    <span class="text-white">Online klantenservice.</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 27.2pt (36.24px), font weight: bold). Expected contrast ratio of 3:1

    Related node:

    wl-dynamic-row:nth-child(6) > .bg-brand[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""]
    8

    Element location

    .bg-brand[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""] > .py-8.py-lg-10[wlautomationid="main-content"] > wl-basic-content[variant="ngContentBetween"] > wl-basic-content-variant-ng-content-between > div > .row[data-automation-id="dynamic-row-row"][_ngcontent-innogy-app-c342=""] > .order-lg-2.order-2[data-automation-id="dynamic-row-column-2"] > sc-placeholder > wl-basic-content-wrapper > wl-basic-content[wltrackimpression="contentblock-impression"] > wl-basic-content-variant-minimal > wl-composable-card > div[_ngcontent-innogy-app-c151=""] > wl-basic-content-partial-top-between > .flex-column.d-flex[_ngcontent-innogy-app-c153=""] > .flex-grow-1.flex-column.d-flex > div[_ngcontent-innogy-app-c153=""]:nth-child(1) > .mb-1.d-flex[_ngcontent-innogy-app-c153=""] > wl-basic-content-partial-heading > .align-items-center.d-flex > h3

    Element source

    <h3 class="text-white font-weight-bold h3 mb-0">Chat met ons.</h3>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 18.0pt (24px), font weight: bold). Expected contrast ratio of 3:1

    Related node:

    wl-dynamic-row:nth-child(6) > .bg-brand[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""]
    9

    Element location

    .order-lg-2.order-2[data-automation-id="dynamic-row-column-2"] > sc-placeholder > wl-basic-content-wrapper > wl-basic-content[wltrackimpression="contentblock-impression"] > wl-basic-content-variant-minimal > wl-composable-card > div[_ngcontent-innogy-app-c151=""] > wl-basic-content-partial-top-between > .flex-column.d-flex[_ngcontent-innogy-app-c153=""] > .flex-grow-1.flex-column.d-flex > wl-rich-text-wrapper > div[_ngcontent-innogy-app-c101=""][wlcscapture=""][data-cs-capture="true"] > .mb-2.text-white[_ngcontent-innogy-app-c153=""]

    Element source

    <div _ngcontent-innogy-app-c153="" class="mb-2 text-white">Onze klantenservice is volledig digitaal. Stel je vraag in onze chatbot. Supersnel antwoord en altijd bereikbaar. Handig!</div>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    wl-dynamic-row:nth-child(6) > .bg-brand[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""]
    10

    Element location

    .order-3.order-lg-3[data-automation-id="dynamic-row-column-3"] > sc-placeholder > wl-basic-content-wrapper > wl-basic-content[wltrackimpression="contentblock-impression"] > wl-basic-content-variant-minimal > wl-composable-card > div[_ngcontent-innogy-app-c151=""] > wl-basic-content-partial-top-between > .flex-column.d-flex[_ngcontent-innogy-app-c153=""] > .flex-grow-1.flex-column.d-flex > div[_ngcontent-innogy-app-c153=""]:nth-child(1) > .mb-1.d-flex[_ngcontent-innogy-app-c153=""] > wl-basic-content-partial-heading > .align-items-center.d-flex > h3

    Element source

    <h3 class="text-white font-weight-bold h3 mb-0">Regel het zelf.</h3>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 18.0pt (24px), font weight: bold). Expected contrast ratio of 3:1

    Related node:

    wl-dynamic-row:nth-child(6) > .bg-brand[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""]
    11

    Element location

    .order-3.order-lg-3[data-automation-id="dynamic-row-column-3"] > sc-placeholder > wl-basic-content-wrapper > wl-basic-content[wltrackimpression="contentblock-impression"] > wl-basic-content-variant-minimal > wl-composable-card > div[_ngcontent-innogy-app-c151=""] > wl-basic-content-partial-top-between > .flex-column.d-flex[_ngcontent-innogy-app-c153=""] > .flex-grow-1.flex-column.d-flex > wl-rich-text-wrapper > div[_ngcontent-innogy-app-c101=""][wlcscapture=""][data-cs-capture="true"] > .mb-2.text-white[_ngcontent-innogy-app-c153=""]

    Element source

    <div _ngcontent-innogy-app-c153="" class="mb-2 text-white">

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    wl-dynamic-row:nth-child(6) > .bg-brand[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""]
    12

    Element location

    .mb-2.text-white[_ngcontent-innogy-app-c153=""] > .text-white:nth-child(1)

    Element source

    <a href="https://mijn.energiedirect.nl/persoonlijke-gegevens" class="text-white">Gegevens wijzigen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    wl-dynamic-row:nth-child(6) > .bg-brand[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""]
    13

    Element location

    .mb-2.text-white[_ngcontent-innogy-app-c153=""] > .text-white:nth-child(2)

    Element source

    <a href="https://mijn.energiedirect.nl/mijn-contract" class="text-white">contract bekijken</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    wl-dynamic-row:nth-child(6) > .bg-brand[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""]
    14

    Element location

    .text-white:nth-child(3)

    Element source

    <a href="https://mijn.energiedirect.nl/verbruik" class="text-white">verbruik inzien</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    wl-dynamic-row:nth-child(6) > .bg-brand[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""]
    15

    Element location

    a[href$="mijn.energiedirect.nl/"]

    Element source

    <a href="https://mijn.energiedirect.nl/" class="text-white">Mijn energiedirect.nl</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    wl-dynamic-row:nth-child(6) > .bg-brand[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""]
    16

    Element location

    .btn-block

    Element source

    <a _ngcontent-innogy-app-c153="" wltrackimpression="button-impression" trackimpressionmode="button" href="https://www.energiedirect.nl/energie-aanbiedingen" text="Bereken jouw beste bod" linktype="external" url="https://www.energiedirect.nl/energie-aanbiedingen" class="btn-block mb-2 btn btn-brand">

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 15.0pt (20px), font weight: bold). Expected contrast ratio of 3:1

    Related node:

    .btn-block
    17

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(1) > .links__title

    Element source

    <p _ngcontent-innogy-app-c176="" class="links__title font-weight-bold">Over ons</p>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    18

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(1) > wl-list > .list-unstyled > li:nth-child(1) > a[href$="over-ons"][text="Waarom energiedirect.nl"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/over-ons" text="Waarom energiedirect.nl" linktype="internal" id="{91392AA7-DCA3-4EE5-91D4-36D07A7093B0}">Waarom energiedirect.nl</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    19

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(1) > wl-list > .list-unstyled > li:nth-child(2) > a[text="Niet cheap wel goedkoop"][linktype="internal"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/over-ons/niet-cheap-wel-goedkoop" text="Niet cheap wel goedkoop" linktype="internal" id="{31A99095-B67B-43AC-B2CD-4A5CBE1D2CCD}">Niet cheap wel goedkoop</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    20

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(1) > wl-list > .list-unstyled > li:nth-child(3) > a[href$="ervaringen"][text="Ervaringen van klanten"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/over-ons/ervaringen" text="Ervaringen van klanten" linktype="internal" id="{300D9ED1-36CB-40BB-B880-1773C7C7483F}">Ervaringen van klanten</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    21

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(1) > wl-list > .list-unstyled > li:nth-child(4) > a[text="Blog"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.energiedirect.nl/blog" text="Blog" linktype="external" url="https://www.energiedirect.nl/blog">Blog</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    22

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(1) > wl-list > .list-unstyled > li:nth-child(6) > a[text="Vacatures"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.werkenbijessent.nl/" text="Vacatures" linktype="external" url="https://www.werkenbijessent.nl/">Vacatures</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    23

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(2) > .links__title

    Element source

    <p _ngcontent-innogy-app-c176="" class="links__title font-weight-bold">Producten</p>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    24

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(2) > wl-list > .list-unstyled > li:nth-child(1) > a[text="1 jaar vast"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.energiedirect.nl/1-jaar-vast" linktype="external" url="https://www.energiedirect.nl/1-jaar-vast" text="1 jaar vast">1 jaar vast</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    25

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(2) > wl-list > .list-unstyled > li:nth-child(2) > a[text="2 jaar vast"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.energiedirect.nl/2-jaar-vast" linktype="external" url="https://www.energiedirect.nl/2-jaar-vast" text="2 jaar vast">2 jaar vast</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    26

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(2) > wl-list > .list-unstyled > li:nth-child(4) > a[text="Variabel"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.energiedirect.nl/flexibel" linktype="external" url="https://www.energiedirect.nl/flexibel" text="Variabel">Variabel</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    27

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(2) > wl-list > .list-unstyled > li:nth-child(5) > a[text="Modelcontract"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.energiedirect.nl/modelcontract" linktype="external" url="https://www.energiedirect.nl/modelcontract" text="Modelcontract">Modelcontract</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    28

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(3) > .links__title

    Element source

    <p _ngcontent-innogy-app-c176="" class="links__title font-weight-bold">Zelf regelen</p>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    29

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(3) > wl-list > .list-unstyled > li:nth-child(1) > a[url="https://mijn.energiedirect.nl"][text="Inloggen"][href$="mijn.energiedirect.nl"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://mijn.energiedirect.nl" linktype="external" url="https://mijn.energiedirect.nl" text="Inloggen">Inloggen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    30

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(3) > wl-list > .list-unstyled > li:nth-child(2) > a[text="Meterstanden"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.energiedirect.nl/klantenservice/meterstanden" text="Meterstanden" linktype="external" url="https://www.energiedirect.nl/klantenservice/meterstanden">Meterstanden</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    31

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(3) > wl-list > .list-unstyled > li:nth-child(3) > a[text="Termijnbedrag"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://mijn.energiedirect.nl/termijnbedrag" text="Termijnbedrag" linktype="external" url="https://mijn.energiedirect.nl/termijnbedrag">Termijnbedrag</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    32

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(3) > wl-list > .list-unstyled > li:nth-child(4) > a[text="Verhuizen"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://mijn.energiedirect.nl/persoonlijke-gegevens" text="Verhuizen" linktype="external" url="https://mijn.energiedirect.nl/persoonlijke-gegevens">Verhuizen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    33

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(4) > .links__title

    Element source

    <p _ngcontent-innogy-app-c176="" class="links__title font-weight-bold">Energie</p>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    34

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(4) > wl-list > .list-unstyled > li:nth-child(1) > a[text="Aanbiedingen"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.energiedirect.nl/energie/energie-aanbiedingen" linktype="external" url="https://www.energiedirect.nl/energie/energie-aanbiedingen" text="Aanbiedingen">Aanbiedingen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    35

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(4) > wl-list > .list-unstyled > li:nth-child(2) > a[text="Energieprijzen"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.energiedirect.nl/energie/energieprijzen" linktype="external" url="https://www.energiedirect.nl/energie/energieprijzen" text="Energieprijzen">Energieprijzen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    36

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(4) > wl-list > .list-unstyled > li:nth-child(3) > a[text="Energieverbruik"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.energiedirect.nl/energie/energieverbruik" linktype="external" url="https://www.energiedirect.nl/energie/energieverbruik" text="Energieverbruik">Energieverbruik</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    37

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(4) > wl-list > .list-unstyled > li:nth-child(4) > a[text="Overstappen"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.energiedirect.nl/energie/overstappen-energie" linktype="external" url="https://www.energiedirect.nl/energie/overstappen-energie" text="Overstappen">Overstappen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    38

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(4) > wl-list > .list-unstyled > li:nth-child(5) > a[text="Verlengen"][linktype="external"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="https://www.energiedirect.nl/klantenservice/contract/verlengen" linktype="external" url="https://www.energiedirect.nl/klantenservice/contract/verlengen" text="Verlengen">Verlengen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.55 (foreground color: #ffffff, background color: #5fb624, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer
    39

    Element location

    .nav-legal--outline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="algemene-voorwaarden"][text="Algemene voorwaarden"]

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/algemene-voorwaarden" text="Algemene voorwaarden" linktype="internal" id="{9606856C-C6FE-4BC2-8FD0-A47283640262}"> Algemene voorwaarden </a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #94949e, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer__legal-container--out-of-line
    40

    Element location

    .nav-legal--outline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="disclaimer"][text="Disclaimer"]

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/disclaimer" text="Disclaimer" linktype="internal" id="{890884B8-5FE4-48D1-80F3-65355E6EE6CE}"> Disclaimer </a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #94949e, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer__legal-container--out-of-line
    41

    Element location

    .nav-legal--outline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="privacyverklaring"][text="Privacyverklaring"]

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/privacyverklaring" text="Privacyverklaring" linktype="internal" id="{BBF8FF68-4E2B-4D4C-BDFF-86EEE24CFD0B}"> Privacyverklaring </a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #94949e, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer__legal-container--out-of-line
    42

    Element location

    .nav-legal--outline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="cookies"][text="Cookies"]

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/cookies" text="Cookies" linktype="internal" id="{1F38F1E2-FA44-402F-9149-7917704E2DAE}"> Cookies </a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #94949e, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer__legal-container--out-of-line
    43

    Element location

    .nav-legal--outline > .nav-legal__copyright[_ngcontent-innogy-app-c135=""]

    Element source

    <span _ngcontent-innogy-app-c135="" class="nav-legal__copyright">©Energiedirect 2022</span>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #94949e, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .footer__legal-container--out-of-line
    44

    Element location

    .slide-one > p > a

    Element source

    <a href="https://www.energiedirect.nl/privacy-verklaring">onze privacyverklaring</a>

    Fix any of the following:

    • Element has insufficient color contrast of 4.3 (foreground color: #2f7ccc, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #cookie-popup
    45

    Element location

    .slide-one > .cookie-button[type="button"]

    Element source

    <button type="button" class="cookie-button" onclick="CookieStatement.acceptCookies(CookieStatement._levels.DEFAULT, 'main', CookieStatement.reloadPage())">
              Cookies accepteren
            </button>

    Fix any of the following:

    • Element has insufficient color contrast of 2.84 (foreground color: #ffffff, background color: #3b9cff, font size: 15.0pt (20px), font weight: bold). Expected contrast ratio of 3:1

    Related node:

    .slide-one > .cookie-button[type="button"]
    3. IDs of active elements must be unique
    Learn more
    duplicate-id-active
    WCAG 2 Level A, WCAG 4.1.1

    Ensures every id attribute value of active elements is unique

    serious
    Issue Tags: cat.parsing wcag2a wcag411
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(1) > wl-list > .list-unstyled > li:nth-child(1) > a[href$="over-ons"][text="Waarom energiedirect.nl"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/over-ons" text="Waarom energiedirect.nl" linktype="internal" id="{91392AA7-DCA3-4EE5-91D4-36D07A7093B0}">Waarom energiedirect.nl</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {91392AA7-DCA3-4EE5-91D4-36D07A7093B0}

    Related node:

    .collapse > .list-unstyled > li:nth-child(1) > a[href$="over-ons"][text="Waarom energiedirect.nl"][linktype="internal"]
    2

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(1) > wl-list > .list-unstyled > li:nth-child(2) > a[text="Niet cheap wel goedkoop"][linktype="internal"][_ngcontent-innogy-app-c121=""]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/over-ons/niet-cheap-wel-goedkoop" text="Niet cheap wel goedkoop" linktype="internal" id="{31A99095-B67B-43AC-B2CD-4A5CBE1D2CCD}">Niet cheap wel goedkoop</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {31A99095-B67B-43AC-B2CD-4A5CBE1D2CCD}

    Related node:

    .collapse > .list-unstyled > li:nth-child(2) > a[text="Niet cheap wel goedkoop"][linktype="internal"][_ngcontent-innogy-app-c121=""]
    3

    Element location

    .col-md-3.col-sm-6.col-xl-2:nth-child(1) > wl-list > .list-unstyled > li:nth-child(3) > a[href$="ervaringen"][text="Ervaringen van klanten"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c121="" href="/over-ons/ervaringen" text="Ervaringen van klanten" linktype="internal" id="{300D9ED1-36CB-40BB-B880-1773C7C7483F}">Ervaringen van klanten</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {300D9ED1-36CB-40BB-B880-1773C7C7483F}

    Related node:

    .collapse > .list-unstyled > li:nth-child(3) > a[href$="ervaringen"][text="Ervaringen van klanten"][linktype="internal"]
    4

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="algemene-voorwaarden"][text="Algemene voorwaarden"]

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/algemene-voorwaarden" text="Algemene voorwaarden" linktype="internal" id="{9606856C-C6FE-4BC2-8FD0-A47283640262}"> Algemene voorwaarden </a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {9606856C-C6FE-4BC2-8FD0-A47283640262}

    Related node:

    .nav-legal--outline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="algemene-voorwaarden"][text="Algemene voorwaarden"]
    5

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="disclaimer"][text="Disclaimer"]

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/disclaimer" text="Disclaimer" linktype="internal" id="{890884B8-5FE4-48D1-80F3-65355E6EE6CE}"> Disclaimer </a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {890884B8-5FE4-48D1-80F3-65355E6EE6CE}

    Related node:

    .nav-legal--outline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="disclaimer"][text="Disclaimer"]
    6

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="privacyverklaring"][text="Privacyverklaring"]

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/privacyverklaring" text="Privacyverklaring" linktype="internal" id="{BBF8FF68-4E2B-4D4C-BDFF-86EEE24CFD0B}"> Privacyverklaring </a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {BBF8FF68-4E2B-4D4C-BDFF-86EEE24CFD0B}

    Related node:

    .nav-legal--outline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="privacyverklaring"][text="Privacyverklaring"]
    7

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="cookies"][text="Cookies"]

    Element source

    <a _ngcontent-innogy-app-c167="" class="nav-link py-0 pl-0 pr-2" href="/cookies" text="Cookies" linktype="internal" id="{1F38F1E2-FA44-402F-9149-7917704E2DAE}"> Cookies </a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {1F38F1E2-FA44-402F-9149-7917704E2DAE}

    Related node:

    .nav-legal--outline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="cookies"][text="Cookies"]
    4. Frames must have an accessible name
    Learn more
    frame-title
    WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2

    Ensures <iframe> and <frame> elements have an accessible name

    serious
    Issue Tags: cat.text-alternatives wcag2a wcag241 wcag412 section508 section508.22.i
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .embed-responsive-item

    Element source

    <iframe allowfullscreen="" class="embed-responsive-item" src="https://www.youtube-nocookie.com/embed/4r9wSOB212Q?rel=0"></iframe>

    Fix any of the following:

    • Element has no title attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element's default semantics were not overridden with role="none" or role="presentation"
    5. Images must have alternate text
    Learn more
    image-alt
    WCAG 2 Level A, WCAG 1.1.1

    Ensures <img> elements have alternate text or a role of none or presentation

    critical
    Issue Tags: cat.text-alternatives wcag2a wcag111 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .brand-logo > img

    Element source

    <img src="https://www.energiedirect.nl/assets/images/logo.png">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    6. Document should have one main landmark
    Learn more
    landmark-one-main
    Best practice

    Ensures the document has a main landmark

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html lang="nl" class="fonts-stage-1 fonts-stage-2">

    Fix all of the following:

    • Document does not have a main landmark
    7. Ensures landmarks are unique
    Learn more
    landmark-unique
    Best practice

    Landmarks should have a unique role or role/label/title (i.e. accessible name) combination

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .navbar-expand-md

    Element source

    <nav _ngcontent-innogy-app-c322="" class="navbar navbar-expand-md navbar-light bg-white d-none d-lg-flex">

    Fix any of the following:

    • The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable

    Related node:

    .nav-legal--outline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav
    8. Links must have discernible text
    Learn more
    link-name
    WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4

    Ensures links have discernible text

    serious
    Issue Tags: cat.name-role-value wcag2a wcag412 wcag244 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .btn-link

    Element source

    <a _ngcontent-innogy-app-c349="" class="btn btn-link p-0" href="https://www.energiedirect.nl/ervaringen"></a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    9. All page content should be contained by landmarks
    Learn more
    region
    Best practice

    Ensures all page content is contained by landmarks

    moderate
    Issue Tags: cat.keyboard best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .bg-brand[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""] > .py-8.py-lg-10[wlautomationid="main-content"] > wl-basic-content[variant="ngContentBetween"] > wl-basic-content-variant-ng-content-between > div > .row[data-automation-id="dynamic-row-row"][_ngcontent-innogy-app-c342=""] > .col-lg-8.pb-lg-0.order-lg-1

    Element source

    <div _ngcontent-innogy-app-c342="" data-automation-id="dynamic-row-column-1" class="col-12 col-lg-8 order-lg-1 order-1 pb-2 pb-lg-0">

    Fix any of the following:

    • Some page content is not contained by landmarks
    2

    Element location

    .h4.pb-2.font-weight-bold

    Element source

    <div _ngcontent-innogy-app-c349="" class="h4 pb-2 font-weight-bold">Klantreviews.</div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    3

    Element location

    .score

    Element source

    <div _ngcontent-innogy-app-c349="" class="score font-weight-bold d-flex justify-content-center align-items-center bg-brand rounded h2 text-white p-4 m-0"> 8.2 </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    4

    Element location

    .justify-content-between.pl-2.flex-column > .d-flex[_ngcontent-innogy-app-c349=""]:nth-child(2) > div[_ngcontent-innogy-app-c349=""]

    Element source

    <div _ngcontent-innogy-app-c349=""><strong _ngcontent-innogy-app-c349="">2504</strong> onafhankelijke beoordelingen via Klantenvertellen.nl </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    5

    Element location

    .d-flex[_ngcontent-innogy-app-c349=""]:nth-child(3) > div[_ngcontent-innogy-app-c349=""]

    Element source

    <div _ngcontent-innogy-app-c349=""><strong _ngcontent-innogy-app-c349="">91.37%</strong> beveelt energiedirect.nl aan </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    6

    Element location

    .mt-2

    Element source

    <div _ngcontent-innogy-app-c349="" class="d-flex justify-content-between align-items-end mt-2">

    Fix any of the following:

    • Some page content is not contained by landmarks
    7

    Element location

    wl-dynamic-row:nth-child(3)

    Element source

    <wl-dynamic-row _nghost-innogy-app-c342="" id="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    8

    Element location

    wl-dynamic-row:nth-child(4)

    Element source

    <wl-dynamic-row _nghost-innogy-app-c342="" id="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    9

    Element location

    wl-dynamic-row:nth-child(5)

    Element source

    <wl-dynamic-row _nghost-innogy-app-c342="" id="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    10

    Element location

    wl-dynamic-row:nth-child(6) > .bg-brand[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""] > .py-8.py-lg-10[wlautomationid="main-content"] > wl-basic-content[variant="ngContentBetween"] > wl-basic-content-variant-ng-content-between > div > .row[data-automation-id="dynamic-row-row"][_ngcontent-innogy-app-c342=""] > .pb-lg-0.order-lg-1[data-automation-id="dynamic-row-column-1"]

    Element source

    <div _ngcontent-innogy-app-c342="" data-automation-id="dynamic-row-column-1" class="col-12 col-lg-4 order-lg-1 order-1 pb-2 pb-lg-0">

    Fix any of the following:

    • Some page content is not contained by landmarks
    11

    Element location

    .bg-brand[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""] > .py-8.py-lg-10[wlautomationid="main-content"] > wl-basic-content[variant="ngContentBetween"] > wl-basic-content-variant-ng-content-between > div > .row[data-automation-id="dynamic-row-row"][_ngcontent-innogy-app-c342=""] > .order-lg-2.order-2[data-automation-id="dynamic-row-column-2"] > sc-placeholder > wl-basic-content-wrapper > wl-basic-content[wltrackimpression="contentblock-impression"] > wl-basic-content-variant-minimal > wl-composable-card > div[_ngcontent-innogy-app-c151=""] > wl-basic-content-partial-top-between > .flex-column.d-flex[_ngcontent-innogy-app-c153=""] > .flex-grow-1.flex-column.d-flex > div[_ngcontent-innogy-app-c153=""]:nth-child(1) > .mb-1.d-flex[_ngcontent-innogy-app-c153=""] > wl-basic-content-partial-heading > .align-items-center.d-flex > h3

    Element source

    <h3 class="text-white font-weight-bold h3 mb-0">Chat met ons.</h3>

    Fix any of the following:

    • Some page content is not contained by landmarks
    12

    Element location

    .bg-brand[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""] > .py-8.py-lg-10[wlautomationid="main-content"] > wl-basic-content[variant="ngContentBetween"] > wl-basic-content-variant-ng-content-between > div > .row[data-automation-id="dynamic-row-row"][_ngcontent-innogy-app-c342=""] > .order-lg-2.order-2[data-automation-id="dynamic-row-column-2"] > sc-placeholder > wl-basic-content-wrapper > wl-basic-content[wltrackimpression="contentblock-impression"] > wl-basic-content-variant-minimal > wl-composable-card > div[_ngcontent-innogy-app-c151=""] > wl-basic-content-partial-top-between > .flex-column.d-flex[_ngcontent-innogy-app-c153=""] > .flex-grow-1.flex-column.d-flex > wl-rich-text-wrapper

    Element source

    <wl-rich-text-wrapper _ngcontent-innogy-app-c153="" _nghost-innogy-app-c101="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    13

    Element location

    .order-3.order-lg-3[data-automation-id="dynamic-row-column-3"] > sc-placeholder > wl-basic-content-wrapper > wl-basic-content[wltrackimpression="contentblock-impression"] > wl-basic-content-variant-minimal > wl-composable-card > div[_ngcontent-innogy-app-c151=""] > wl-basic-content-partial-top-between > .flex-column.d-flex[_ngcontent-innogy-app-c153=""] > .flex-grow-1.flex-column.d-flex > div[_ngcontent-innogy-app-c153=""]:nth-child(1) > .mb-1.d-flex[_ngcontent-innogy-app-c153=""] > wl-basic-content-partial-heading > .align-items-center.d-flex > h3

    Element source

    <h3 class="text-white font-weight-bold h3 mb-0">Regel het zelf.</h3>

    Fix any of the following:

    • Some page content is not contained by landmarks
    14

    Element location

    .order-3.order-lg-3[data-automation-id="dynamic-row-column-3"] > sc-placeholder > wl-basic-content-wrapper > wl-basic-content[wltrackimpression="contentblock-impression"] > wl-basic-content-variant-minimal > wl-composable-card > div[_ngcontent-innogy-app-c151=""] > wl-basic-content-partial-top-between > .flex-column.d-flex[_ngcontent-innogy-app-c153=""] > .flex-grow-1.flex-column.d-flex > wl-rich-text-wrapper

    Element source

    <wl-rich-text-wrapper _ngcontent-innogy-app-c153="" _nghost-innogy-app-c101="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    15

    Element location

    wl-dynamic-row:nth-child(7) > div[data-automation-id="dynamic-row-background"][_ngcontent-innogy-app-c342=""] > .py-8.py-lg-10[wlautomationid="main-content"] > wl-basic-content[variant="ngContentBetween"] > wl-basic-content-variant-ng-content-between > div > .row[data-automation-id="dynamic-row-row"][_ngcontent-innogy-app-c342=""] > .order-lg-2.order-2[data-automation-id="dynamic-row-column-2"]

    Element source

    <div _ngcontent-innogy-app-c342="" data-automation-id="dynamic-row-column-2" class="col-12 col-lg-4 order-lg-2 order-2">

    Fix any of the following:

    • Some page content is not contained by landmarks
    16

    Element location

    wl-footer-brand

    Element source

    <wl-footer-brand _ngcontent-innogy-app-c136="" class="footer__brand-container col align-items-end text-center text-md-left" _nghost-innogy-app-c133="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    17

    Element location

    .row.d-flex[_ngcontent-innogy-app-c176=""]

    Element source

    <div _ngcontent-innogy-app-c176="" class="row d-flex">

    Fix any of the following:

    • Some page content is not contained by landmarks
    18

    Element location

    .nav-legal--outline > .nav-legal__copyright[_ngcontent-innogy-app-c135=""]

    Element source

    <span _ngcontent-innogy-app-c135="" class="nav-legal__copyright">©Energiedirect 2022</span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    19

    Element location

    .brand-logo

    Element source

    <div class="brand-logo">
              <img src="https://www.energiedirect.nl/assets/images/logo.png">
            </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    20

    Element location

    .slide-one > p

    Element source

    <p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    21

    Element location

    .cookie-btns

    Element source

    <div class="cookie-btns">
              <a class="cookie-settingsLink" href="javascript:void(0);" onclick="CookieStatement.showSettings()">Instellingen</a>
            </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    # Description Axe rule ID WCAG Nodes passed check
    1 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 10
    2 ARIA role should be appropriate for the element aria-allowed-role Best practice 75
    3 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2 15
    4 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    5 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 28
    6 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 25
    7 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1 4
    8 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1 15
    9 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 25
    10 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 10
    11 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 10
    12 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 11
    13 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 5
    14 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    15 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 29
    16 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    17 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 4
    18 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1 2
    19 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 5
    20 Headings should not be empty empty-heading Best practice 6
    21 Heading levels should only increase by one heading-order Best practice 6
    22 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    23 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    24 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 55
    25 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 6
    26 Alternative text of images should not be repeated as text image-redundant-alt Best practice 7
    27 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice 1
    28 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice 1
    29 Ensures landmarks are unique landmark-unique Best practice 2
    30 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 62
    31 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 7
    32 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 29
    33 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    34 Zooming and scaling should not be disabled meta-viewport Best practice 1
    35 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 11
    36 Page should contain a level-one heading page-has-heading-one Best practice 1
    37 All page content should be contained by landmarks region Best practice 481

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 Frames should be tested with axe-core frame-tested Best practice 1
    2 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 1

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice
    4 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    5 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    6 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    7 "role=text" should have no focusable descendants aria-text Best practice
    8 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    9 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    10 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    11 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5
    12 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    13 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    14 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    15 Table header text must not be empty empty-table-header WCAG 1.3.1
    16 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2
    17 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    18 Frames should have a unique title attribute frame-title-unique Best practice
    19 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    20 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
    21 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    22 Form elements should have a visible label label-title-only Best practice
    23 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    24 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
    25 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice
    26 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice
    27 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice
    28 Document should not have more than one main landmark landmark-no-duplicate-main Best practice
    29 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    30 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    31 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    32 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    33 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    34 scope attribute should be used correctly scope-attr-valid Best practice
    35 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
    36 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    37 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    38 The skip-link target should exist and be focusable skip-link Best practice
    39 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    40 Elements should not have tabindex greater than zero tabindex Best practice
    41 tables should not have the same summary and caption table-duplicate-name Best practice
    42 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    43 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    44 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
    45 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  5. AXE Accessibility Results

    axe-core found 49 violations
    # Description Axe rule ID WCAG Impact Count
    1 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2 serious 1
    2 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 critical 1
    3 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 serious 1
    4 Heading levels should only increase by one heading-order Best practice moderate 1
    5 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 critical 1
    6 Document should have one main landmark landmark-one-main Best practice moderate 1
    7 Ensures landmarks are unique landmark-unique Best practice moderate 1
    8 All page content should be contained by landmarks region Best practice moderate 42

    Failed

    1. ARIA input fields must have an accessible name
    Learn more
    aria-input-field-name
    WCAG 2 Level A, WCAG 4.1.2

    Ensures every ARIA input field has an accessible name

    serious
    Issue Tags: cat.aria wcag2a wcag412 ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #react-autowhatever-1

    Element source

    <div id="react-autowhatever-1" role="listbox" class="AutoSuggestInput-module__suggestionsContainer"></div>

    Fix any of the following:

    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    2. Buttons must have discernible text
    Learn more
    button-name
    WCAG 2 Level A, WCAG 4.1.2

    Ensures buttons have discernible text

    critical
    Issue Tags: cat.name-role-value wcag2a wcag412 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .InputBase-module__icon-wrapper

    Element source

    <button class="InputBase-module__icon-wrapper" type="button">

    Fix any of the following:

    • Element does not have inner text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    3. IDs of active elements must be unique
    Learn more
    duplicate-id-active
    WCAG 2 Level A, WCAG 4.1.1

    Ensures every id attribute value of active elements is unique

    serious
    Issue Tags: cat.parsing wcag2a wcag411
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .hidden-sm.hidden-md[href$="energie"]

    Element source

    <a class="hidden-xs hidden-sm hidden-md navigation__menu__menu-item__anchor" id="navigation-menu-item-anchor" data-testid="navigation-menu-anchor-groene-energie" href="/energie">Groene energie</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: navigation-menu-item-anchor

    Related node:

    .hidden-sm.hidden-md[href$="elektrisch-rijden"]
    .hidden-sm.hidden-md[href$="missie"]
    a[data-testid="navigation-menu-anchor-nieuws"]
    .navigation__menu__menu-item__anchor[href$="klantenservice"]
    4. Heading levels should only increase by one
    Learn more
    heading-order
    Best practice

    Ensures the order of headings is semantically correct

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .slick-current > div > .Review > .review--content-wrapper > .review--content-inner-wrapper > h5

    Element source

    <h5 class="Text-module__text-default Text-module__u-font-h5 review--author-name">John uit Alphen aan den Rijn</h5>

    Fix any of the following:

    • Heading order invalid
    5. Images must have alternate text
    Learn more
    image-alt
    WCAG 2 Level A, WCAG 1.1.1

    Ensures <img> elements have alternate text or a role of none or presentation

    critical
    Issue Tags: cat.text-alternatives wcag2a wcag111 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    picture:nth-child(1) > .Image-module__image-responsive.Hero-image[srcset=""]

    Element source

    <img src="//images.ctfassets.net/l0vbdd13d5ww/28i41qBE1Mja8JvhmVrvTb/406bd19e0365367d9a20d4d241e8fd03/vrouw_bank_1440x700.jpeg" class="Image-module__image-responsive Hero-image hidden-xs" srcset="">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    6. Document should have one main landmark
    Learn more
    landmark-one-main
    Best practice

    Ensures the document has a main landmark

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html lang="nl">

    Fix all of the following:

    • Document does not have a main landmark
    7. Ensures landmarks are unique
    Learn more
    landmark-unique
    Best practice

    Landmarks should have a unique role or role/label/title (i.e. accessible name) combination

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .PrimaryMenu > nav

    Element source

    <nav>

    Fix any of the following:

    • The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable

    Related node:

    .SecondaryMenu > nav
    8. All page content should be contained by landmarks
    Learn more
    region
    Best practice

    Ensures all page content is contained by landmarks

    moderate
    Issue Tags: cat.keyboard best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .cookiebar-container > div:nth-child(1)

    Element source

    <div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    2

    Element location

    .cookiebar-footer-link

    Element source

    <a class="cookiebar-link cookiebar-footer-link" href="https://vandebron.nl/cookie?ref=https%3A%2F%2Fvandebron.nl%2F" onclick="sendPopupEvent('unknown', 'settings')">
                Verander je instelling
              </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    3

    Element location

    .Logo.hidden-sm.hidden-md > .logo--link[title="Home"][href="/"]

    Element source

    <a class="logo--link" title="Home" href="/">Home</a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    4

    Element location

    picture:nth-child(1)

    Element source

    <picture>

    Fix any of the following:

    • Some page content is not contained by landmarks
    5

    Element location

    h1

    Element source

    <h1 class="Text-module__text-default Text-module__u-font-h1" style="margin:0">Alles over de huidige marktsituatie</h1>

    Fix any of the following:

    • Some page content is not contained by landmarks
    6

    Element location

    .Hero-cta > span

    Element source

    <span>Lees hier meer</span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    7

    Element location

    .Text-module__u-font-weight-600

    Element source

    <span class="Text-module__text-default Text-module__u-font-h5 Text-module__u-font-weight-600 Text-module__u-font-color-white" style="margin:0 16px 0 8px">0880 444 555</span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    8

    Element location

    .Hero-contact-box > span

    Element source

    <span>We zijn Monday weer bereikbaar vanaf 9:00</span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    9

    Element location

    .SignupPanel-title

    Element source

    <h2 class="Text-module__text-default Text-module__u-font-h4 SignupPanel-title">Door onrust op de markt bieden we nu alleen variabele energiecontracten aan</h2>

    Fix any of the following:

    • Some page content is not contained by landmarks
    10

    Element location

    .ab-postcode-input

    Element source

    <div class="ab-postcode-input mobile Input-module__wrapper Flex-module__d-flex Flex-module__flex-column Flex-module__align-items-stretch Flex-module__justify-content-start">

    Fix any of the following:

    • Some page content is not contained by landmarks
    11

    Element location

    .ab-housenumber-input

    Element source

    <div class="ab-housenumber-input mobile Input-module__wrapper Flex-module__d-flex Flex-module__flex-column Flex-module__align-items-stretch Flex-module__justify-content-start">

    Fix any of the following:

    • Some page content is not contained by landmarks
    12

    Element location

    .ab-addition-input

    Element source

    <div class="ab-addition-input mobile Input-module__wrapper Flex-module__d-flex Flex-module__flex-column Flex-module__align-items-stretch Flex-module__justify-content-start">

    Fix any of the following:

    • Some page content is not contained by landmarks
    13

    Element location

    .Text-module__u-font-button.Text-module__text-default[href$="ervaringen"]

    Element source

    <a class="Text-module__text-default Text-module__u-font-button" style="margin:0 10px 0 0" href="/klantenservice/ervaringen">8,6<span class="hidden-xs"> via</span> klantenvertellen.nl</a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    14

    Element location

    .SignupPanel-Container-reviews > .Flex-module__flex-lg-row.Flex-module__flex-column.Flex-module__align-items-stretch

    Element source

    <div class="Flex-module__d-flex Flex-module__flex-column Flex-module__flex-lg-row Flex-module__align-items-stretch Flex-module__justify-content-start">

    Fix any of the following:

    • Some page content is not contained by landmarks
    15

    Element location

    .ComponentGroup--child > .Container-module__container-small.text-center.Container-module__container

    Element source

    <div class="Container-module__container Container-module__container-small text-center">

    Fix any of the following:

    • Some page content is not contained by landmarks
    16

    Element location

    .slick-current > div > .Review > .review--content-wrapper > .review--content-inner-wrapper > h5

    Element source

    <h5 class="Text-module__text-default Text-module__u-font-h5 review--author-name">John uit Alphen aan den Rijn</h5>

    Fix any of the following:

    • Some page content is not contained by landmarks
    17

    Element location

    .slick-current > div > .Review > .review--content-wrapper > .review--content-inner-wrapper > .review--text.Text-module__u-font-button

    Element source

    <p class="Text-module__text-default Text-module__u-font-button review--text">Positief, makkelijk aangemeld en geen gedoe.</p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    18

    Element location

    div[data-index="1"] > div > .Review > .review--content-wrapper > .review--content-inner-wrapper > h5

    Element source

    <h5 class="Text-module__text-default Text-module__u-font-h5 review--author-name">Tjalda uit Den Haag</h5>

    Fix any of the following:

    • Some page content is not contained by landmarks
    19

    Element location

    div[data-index="1"] > div > .Review > .review--content-wrapper > .review--content-inner-wrapper > .review--text.Text-module__u-font-button

    Element source

    <p class="Text-module__text-default Text-module__u-font-button review--text">Vriendelijk te woord aan de telefoon, overstap was snel geregeld en verhuizing tevens zeer gemakkelijk door te geven.</p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    20

    Element location

    div[data-index="2"] > div > .Review > .review--content-wrapper > .review--content-inner-wrapper > h5

    Element source

    <h5 class="Text-module__text-default Text-module__u-font-h5 review--author-name">Ageeth uit Wassenaar</h5>

    Fix any of the following:

    • Some page content is not contained by landmarks
    21

    Element location

    div[data-index="2"] > div > .Review > .review--content-wrapper > .review--content-inner-wrapper > .review--text.Text-module__u-font-button

    Element source

    <p class="Text-module__text-default Text-module__u-font-button review--text">Gewoon nooit gezeur, altijd duidelijk ook telefonisch contact en antwoorden, geen vaag gedoe. Absoluut 100% tevreden.</p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    22

    Element location

    .top-large-2.bottom-large-2.ComponentGroup:nth-child(4)

    Element source

    <div class="ComponentGroup top-large-2 bottom-large-2">

    Fix any of the following:

    • Some page content is not contained by landmarks
    23

    Element location

    .top-large-2.bottom-large-2.ComponentGroup:nth-child(5)

    Element source

    <div class="ComponentGroup top-large-2 bottom-large-2">

    Fix any of the following:

    • Some page content is not contained by landmarks
    24

    Element location

    .top-large-2.bottom-large-2.ComponentGroup:nth-child(6)

    Element source

    <div class="ComponentGroup top-large-2 bottom-large-2">

    Fix any of the following:

    • Some page content is not contained by landmarks
    25

    Element location

    .top-large-2.bottom-large-2.ComponentGroup:nth-child(7) > .ComponentGroup--child:nth-child(1)

    Element source

    <div class="ComponentGroup--child">

    Fix any of the following:

    • Some page content is not contained by landmarks
    26

    Element location

    .Pressable-module__text.Pressable-module__button[href$="app"]

    Element source

    <a class="Pressable-module__button Pressable-module__text" href="/elektrisch-rijden/app">

    Fix any of the following:

    • Some page content is not contained by landmarks
    27

    Element location

    .Col-module__col-sm-6.Col-module__col-md-3.electric-driving-services__item:nth-child(1) > .Text-module__u-font-button

    Element source

    <p class="Text-module__text-default Text-module__u-font-button">Zie in één oogopslag beschikbare laadpalen in de buurt, met bijbehorende laadtarieven</p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    28

    Element location

    .Pressable-module__text.Pressable-module__button[href$="laadpas"]

    Element source

    <a class="Pressable-module__button Pressable-module__text" href="/elektrisch-rijden/laadpas">

    Fix any of the following:

    • Some page content is not contained by landmarks
    29

    Element location

    .Col-module__col-sm-6.Col-module__col-md-3.electric-driving-services__item:nth-child(2) > .Text-module__u-font-button

    Element source

    <p class="Text-module__text-default Text-module__u-font-button">Laad je auto bij alle publieke laadpunten, zonder extra kosten per sessie</p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    30

    Element location

    .Pressable-module__text.Pressable-module__button[href$="laadpalen"]

    Element source

    <a class="Pressable-module__button Pressable-module__text" href="/elektrisch-rijden/laadpalen">

    Fix any of the following:

    • Some page content is not contained by landmarks
    31

    Element location

    .Col-module__col-sm-6.Col-module__col-md-3.electric-driving-services__item:nth-child(3) > .Text-module__u-font-button

    Element source

    <p class="Text-module__text-default Text-module__u-font-button">Je eigen laadpaal, thuis of op kantoor</p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    32

    Element location

    .Pressable-module__text.Pressable-module__button[href$="slim-laden"]

    Element source

    <a class="Pressable-module__button Pressable-module__text" href="/elektrisch-rijden/slim-laden">

    Fix any of the following:

    • Some page content is not contained by landmarks
    33

    Element location

    .Col-module__col-sm-6.Col-module__col-md-3.electric-driving-services__item:nth-child(4) > .Text-module__u-font-button

    Element source

    <p class="Text-module__text-default Text-module__u-font-button">Door slim te laden draag je bij aan het balanceren van het energienet en ontvang je een financiële beloning</p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    34

    Element location

    .top-large-2.bottom-large-2.ComponentGroup:nth-child(8)

    Element source

    <div class="ComponentGroup top-large-2 bottom-large-2">

    Fix any of the following:

    • Some page content is not contained by landmarks
    35

    Element location

    .Col-module__col-md-7 > .Text-module__u-font-h3

    Element source

    <h4 class="Text-module__text-default Text-module__u-font-h3">Hulp nodig?</h4>

    Fix any of the following:

    • Some page content is not contained by landmarks
    36

    Element location

    input[type="text"]

    Element source

    <input type="text" aria-label="FAQ search box" data-testid="faq-searchbox-input" value="" autocomplete="off" aria-autocomplete="list" aria-controls="react-autowhatever-1" class="InputBase-module__input" placeholder="Type hier je zoekterm">

    Fix any of the following:

    • Some page content is not contained by landmarks
    37

    Element location

    .Van-u-margin-bottom--flush

    Element source

    <p class="Text-module__text-default Text-module__u-font-body Van-u-margin-bottom--flush"><a class="Pressable-module__button Pressable-module__text bottom-section--faq-link" font-size="body-small" href="/klantenservice">Meer veelgestelde vragen</a></p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    38

    Element location

    .Col-module__col-md-5 > .Text-module__u-font-h3

    Element source

    <h4 class="Text-module__text-default Text-module__u-font-h3">Zelf regelen</h4>

    Fix any of the following:

    • Some page content is not contained by landmarks
    39

    Element location

    .list__item:nth-child(1) > .Text-module__u-font-button.Text-module__text-default

    Element source

    <span class="Text-module__text-default Text-module__u-font-button"><a class="Pressable-module__button Pressable-module__text" href="https://mijn.vandebron.nl/monthly-payment">Termijnbedrag aanpassen</a></span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    40

    Element location

    .list__item:nth-child(2) > .Text-module__u-font-button.Text-module__text-default

    Element source

    <span class="Text-module__text-default Text-module__u-font-button"><a class="Pressable-module__button Pressable-module__text" href="https://mijn.vandebron.nl/contracts">Verhuizing doorgeven</a></span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    41

    Element location

    .list__item:nth-child(3) > .Text-module__u-font-button.Text-module__text-default

    Element source

    <span class="Text-module__text-default Text-module__u-font-button"><a class="Pressable-module__button Pressable-module__text" href="https://mijn.vandebron.nl/klant/gegevens">Gegevens wijzigen</a></span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    42

    Element location

    .Col-module__col-md-5 > div

    Element source

    <div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    # Description Axe rule ID WCAG Nodes passed check
    1 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 18
    2 ARIA role should be appropriate for the element aria-allowed-role Best practice 2
    3 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    4 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 3
    5 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 2
    6 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 2
    7 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 18
    8 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 18
    9 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5 1
    10 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 80
    11 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 4
    12 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    13 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 104
    14 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    15 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 4
    16 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1 1
    17 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 6
    18 Headings should not be empty empty-heading Best practice 20
    19 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2 4
    20 Heading levels should only increase by one heading-order Best practice 19
    21 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    22 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    23 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 53
    24 Alternative text of images should not be repeated as text image-redundant-alt Best practice 1
    25 Form elements should have a visible label label-title-only Best practice 4
    26 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 4
    27 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice 1
    28 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice 1
    29 Ensures landmarks are unique landmark-unique Best practice 1
    30 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 55
    31 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 4
    32 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 10
    33 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    34 Zooming and scaling should not be disabled meta-viewport Best practice 1
    35 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 6
    36 Page should contain a level-one heading page-has-heading-one Best practice 1
    37 All page content should be contained by landmarks region Best practice 448
    38 Elements should not have tabindex greater than zero tabindex Best practice 3

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1 1
    2 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 11

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
    4 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice
    5 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    6 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
    7 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
    8 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    9 "role=text" should have no focusable descendants aria-text Best practice
    10 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    11 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    12 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    13 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    14 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    15 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    16 Table header text must not be empty empty-table-header WCAG 1.3.1
    17 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    18 Frames should be tested with axe-core frame-tested Best practice
    19 Frames should have a unique title attribute frame-title-unique Best practice
    20 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2
    21 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    22 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
    23 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    24 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice
    25 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
    26 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice
    27 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice
    28 Document should not have more than one main landmark landmark-no-duplicate-main Best practice
    29 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    30 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    31 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    32 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    33 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    34 scope attribute should be used correctly scope-attr-valid Best practice
    35 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
    36 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    37 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    38 The skip-link target should exist and be focusable skip-link Best practice
    39 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    40 tables should not have the same summary and caption table-duplicate-name Best practice
    41 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    42 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    43 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
    44 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  6. AXE Accessibility Results

    axe-core found 3 violations
    # Description Axe rule ID WCAG Impact Count
    1 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 minor 1
    2 Form elements should have a visible label label-title-only Best practice serious 1
    3 All page content should be contained by landmarks region Best practice moderate 1

    Failed

    1. id attribute value must be unique
    Learn more
    duplicate-id
    WCAG 2 Level A, WCAG 4.1.1

    Ensures every id attribute value is unique

    minor
    Issue Tags: cat.parsing wcag2a wcag411
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .welcome-icon > .vf-nina-happy[svgicon="vf-nina-happy"][data-mat-icon-name="vf-nina-happy"] > svg[x="0px"][y="0px"][viewBox="0 0 50 49.8"]

    Element source

    <svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 50 49.8" style="enable-background:new 0 0 50 49.8;" xml:space="preserve" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false">

    Fix any of the following:

    • Document has multiple static elements with the same id attribute: Laag_1

    Related node:

    .mat-button-wrapper > .vf-nina-happy[svgicon="vf-nina-happy"][data-mat-icon-name="vf-nina-happy"] > svg[x="0px"][y="0px"][viewBox="0 0 50 49.8"]
    2. Form elements should have a visible label
    Learn more
    label-title-only
    Best practice

    Ensures that every form element has a visible label and is not solely labeled using hidden labels, or the title or aria-describedby attributes

    serious
    Issue Tags: cat.forms best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    input[type="search"]

    Element source

    <input title="Stel je vraag aan Nina" type="search" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" maxlength="139" formcontrolname="inputField" placeholder="Stel je vraag aan Nina" class="ng-untouched ng-pristine ng-valid">

    Fix all of the following:

    • Only title used to generate label for form element
    3. All page content should be contained by landmarks
    Learn more
    region
    Best practice

    Ensures all page content is contained by landmarks

    moderate
    Issue Tags: cat.keyboard best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .skiplink

    Element source

    <div class="skiplink">
            <a href="#maincontent" id="skiplink">Naar hoofdinhoud</a>
        </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    # Description Axe rule ID WCAG Nodes passed check
    1 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 5
    2 ARIA role should be appropriate for the element aria-allowed-role Best practice 10
    3 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2 1
    4 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice 1
    5 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    6 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 6
    7 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 6
    8 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 6
    9 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 5
    10 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 5
    11 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5 1
    12 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 3
    13 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 5
    14 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    15 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 81
    16 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    17 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 4
    18 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1 6
    19 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 19
    20 Headings should not be empty empty-heading Best practice 18
    21 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2 4
    22 Frames should have a unique title attribute frame-title-unique Best practice 1
    23 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2 1
    24 Heading levels should only increase by one heading-order Best practice 18
    25 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    26 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    27 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 54
    28 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 12
    29 Alternative text of images should not be repeated as text image-redundant-alt Best practice 12
    30 Form elements should have a visible label label-title-only Best practice 3
    31 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 4
    32 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice 1
    33 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice 1
    34 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice 1
    35 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice 1
    36 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice 1
    37 Document should not have more than one main landmark landmark-no-duplicate-main Best practice 1
    38 Document should have one main landmark landmark-one-main Best practice 1
    39 Ensures landmarks are unique landmark-unique Best practice 5
    40 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 63
    41 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 10
    42 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 44
    43 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    44 Zooming and scaling should not be disabled meta-viewport Best practice 1
    45 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 11
    46 Page should contain a level-one heading page-has-heading-one Best practice 1
    47 All page content should be contained by landmarks region Best practice 407
    48 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1 3
    49 Elements should not have tabindex greater than zero tabindex Best practice 2

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 1
    2 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 35
    3 Frames should be tested with axe-core frame-tested Best practice 1

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    4 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    5 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
    6 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
    7 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
    8 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    9 "role=text" should have no focusable descendants aria-text Best practice
    10 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    11 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    12 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    13 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    14 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    15 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    16 Table header text must not be empty empty-table-header WCAG 1.3.1
    17 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    18 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    19 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
    20 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    21 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
    22 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    23 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    24 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    25 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    26 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    27 scope attribute should be used correctly scope-attr-valid Best practice
    28 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    29 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    30 The skip-link target should exist and be focusable skip-link Best practice
    31 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    32 tables should not have the same summary and caption table-duplicate-name Best practice
    33 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    34 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    35 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
    36 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  7. AXE Accessibility Results

    axe-core found 3 violations
    # Description Axe rule ID WCAG Impact Count
    1 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 minor 1
    2 Form elements should have a visible label label-title-only Best practice serious 1
    3 All page content should be contained by landmarks region Best practice moderate 1

    Failed

    1. id attribute value must be unique
    Learn more
    duplicate-id
    WCAG 2 Level A, WCAG 4.1.1

    Ensures every id attribute value is unique

    minor
    Issue Tags: cat.parsing wcag2a wcag411
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .welcome-icon > .vf-nina-happy[svgicon="vf-nina-happy"][data-mat-icon-name="vf-nina-happy"] > svg[x="0px"][y="0px"][viewBox="0 0 50 49.8"]

    Element source

    <svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 50 49.8" style="enable-background:new 0 0 50 49.8;" xml:space="preserve" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false">

    Fix any of the following:

    • Document has multiple static elements with the same id attribute: Laag_1

    Related node:

    .mat-button-wrapper > .vf-nina-happy[svgicon="vf-nina-happy"][data-mat-icon-name="vf-nina-happy"] > svg[x="0px"][y="0px"][viewBox="0 0 50 49.8"]
    2. Form elements should have a visible label
    Learn more
    label-title-only
    Best practice

    Ensures that every form element has a visible label and is not solely labeled using hidden labels, or the title or aria-describedby attributes

    serious
    Issue Tags: cat.forms best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    input[type="search"]

    Element source

    <input title="Stel je vraag aan Nina" type="search" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" maxlength="139" formcontrolname="inputField" placeholder="Stel je vraag aan Nina" class="ng-untouched ng-pristine ng-valid">

    Fix all of the following:

    • Only title used to generate label for form element
    3. All page content should be contained by landmarks
    Learn more
    region
    Best practice

    Ensures all page content is contained by landmarks

    moderate
    Issue Tags: cat.keyboard best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .skiplink

    Element source

    <div class="skiplink">
            <a href="#maincontent" id="skiplink">Naar hoofdinhoud</a>
        </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    # Description Axe rule ID WCAG Nodes passed check
    1 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 12
    2 ARIA role should be appropriate for the element aria-allowed-role Best practice 17
    3 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2 1
    4 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice 1
    5 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    6 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 4
    7 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 6
    8 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 6
    9 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 12
    10 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 12
    11 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5 1
    12 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 2
    13 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 9
    14 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    15 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 52
    16 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    17 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 4
    18 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1 9
    19 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 24
    20 Headings should not be empty empty-heading Best practice 18
    21 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2 1
    22 Frames should have a unique title attribute frame-title-unique Best practice 1
    23 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2 1
    24 Heading levels should only increase by one heading-order Best practice 18
    25 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    26 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    27 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 27
    28 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 9
    29 Alternative text of images should not be repeated as text image-redundant-alt Best practice 9
    30 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 1
    31 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice 1
    32 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice 1
    33 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice 1
    34 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice 1
    35 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice 1
    36 Document should not have more than one main landmark landmark-no-duplicate-main Best practice 1
    37 Document should have one main landmark landmark-one-main Best practice 1
    38 Ensures landmarks are unique landmark-unique Best practice 5
    39 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 32
    40 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 6
    41 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 23
    42 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    43 Zooming and scaling should not be disabled meta-viewport Best practice 1
    44 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 15
    45 Page should contain a level-one heading page-has-heading-one Best practice 1
    46 All page content should be contained by landmarks region Best practice 304
    47 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1 2
    48 Elements should not have tabindex greater than zero tabindex Best practice 8

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 11
    2 Frames should be tested with axe-core frame-tested Best practice 1

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    4 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    5 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
    6 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
    7 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
    8 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    9 "role=text" should have no focusable descendants aria-text Best practice
    10 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    11 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    12 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    13 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    14 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    15 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    16 Table header text must not be empty empty-table-header WCAG 1.3.1
    17 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    18 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    19 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
    20 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    21 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
    22 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    23 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    24 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    25 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    26 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    27 scope attribute should be used correctly scope-attr-valid Best practice
    28 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    29 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    30 The skip-link target should exist and be focusable skip-link Best practice
    31 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    32 tables should not have the same summary and caption table-duplicate-name Best practice
    33 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    34 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    35 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
    36 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  8. AXE Accessibility Results

    axe-core found 10 violations
    # Description Axe rule ID WCAG Impact Count
    1 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice serious 1
    2 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 5
    3 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 serious 1
    4 Heading levels should only increase by one heading-order Best practice moderate 1
    5 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 critical 1
    6 Page should contain a level-one heading page-has-heading-one Best practice moderate 1

    Failed

    1. ARIA dialog and alertdialog nodes should have an accessible name
    Learn more
    aria-dialog-name
    Best practice

    Ensures every ARIA dialog and alertdialog node has an accessible name

    serious
    Issue Tags: cat.aria best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .ReactModal__Content

    Element source

    <div class="ReactModal__Content ReactModal__Content--after-open c-modal__content c-modal__content--tiny sc-h81mba-0 djmDzF comment" tabindex="-1" role="dialog">

    Fix any of the following:

    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    2. Elements must have sufficient color contrast
    Learn more
    color-contrast
    WCAG 2 Level AA, WCAG 1.4.3

    Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

    serious
    Issue Tags: cat.color wcag2aa wcag143
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .c-service-menu__item[href$="zzp-mkb/"][title=""]

    Element source

    <a href="/zzp-mkb/" title="" class="c-service-menu__item">ZZP &amp; MKB</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.19 (foreground color: #8c8b8d, background color: #f8f8f8, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .c-header--background-grey
    2

    Element location

    .c-service-menu__item[href$="grootzakelijk/"][title=""]

    Element source

    <a href="/grootzakelijk/" title="" class="c-service-menu__item">Grootzakelijk</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.19 (foreground color: #8c8b8d, background color: #f8f8f8, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .c-header--background-grey
    3

    Element location

    .c-service-menu__item[href$="over-ons/"][title=""]

    Element source

    <a href="/over-ons/" title="" class="c-service-menu__item">Over ons</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.19 (foreground color: #8c8b8d, background color: #f8f8f8, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .c-header--background-grey
    4

    Element location

    .sc-1c4itba-4 > .dBZmHa.sc-1c4itba-5 > span

    Element source

    <span>Sneller</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.08 (foreground color: #ffffff, background color: #7ec389, font size: 48.8pt (65px), font weight: bold). Expected contrast ratio of 3:1

    Related node:

    .sc-1c4itba-0 > .hcRLyi.sc-1c4itba-3
    5

    Element location

    .iviXKi > .sc-1buip5w-0.etYnOT

    Element source

    <span class="sc-1buip5w-0 etYnOT">Nee</span>

    Fix any of the following:

    • Element has insufficient color contrast of 3.83 (foreground color: #eb4356, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .sc-h81mba-1
    3. IDs of active elements must be unique
    Learn more
    duplicate-id-active
    WCAG 2 Level A, WCAG 4.1.1

    Ensures every id attribute value of active elements is unique

    serious
    Issue Tags: cat.parsing wcag2a wcag411
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .c-header-icons--gutter > .o-layout__cell--fit.o-layout__cell:nth-child(1) > .c-form-search-compact.c-form-search-compact--boxed.js-form-search-compact > .c-form-search-compact__inner--boxed.js-form-search-compact__inner--boxed > form > .o-form__row > .o-layout--align-middle.o-layout > .o-layout__cell--fill.o-layout__cell > .o-form__field.o-form__field--no-margin > .o-form__wrap-element.c-form-search-compact__input--boxed.js-chat-input > .c-input-text.c-input-text--theme-eneco-consumer[data-cy="searchFormCustomerService"] > input

    Element source

    <input autocomplete="off" id="zoekterm" name="zoekterm" placeholder="Stel je vraag..." type="search" maxlength="75" value="">

    Fix any of the following:

    • Document has active elements with the same id attribute: zoekterm

    Related node:

    .u-flex.o-layout__cell--fit.o-layout__cell > .c-form-search-compact.c-form-search-compact--boxed.js-form-search-compact > .c-form-search-compact__inner--boxed.js-form-search-compact__inner--boxed > form > .o-form__row > .o-layout--align-middle.o-layout > .o-layout__cell--fill.o-layout__cell > .o-form__field.o-form__field--no-margin > .o-form__wrap-element.c-form-search-compact__input--boxed.js-chat-input > .c-input-text.c-input-text--theme-eneco-consumer[data-cy="searchFormCustomerService"] > input
    4. Heading levels should only increase by one
    Learn more
    heading-order
    Best practice

    Ensures the order of headings is semantically correct

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .u-fraction--3of12\@desk.u-fraction--6of12\@lap.u-fraction--1of1:nth-child(1) > .c-footer-list__heading

    Element source

    <h5 class="c-footer-list__heading">Zelf regelen</h5>

    Fix any of the following:

    • Heading order invalid
    5. Images must have alternate text
    Learn more
    image-alt
    WCAG 2 Level A, WCAG 1.1.1

    Ensures <img> elements have alternate text or a role of none or presentation

    critical
    Issue Tags: cat.text-alternatives wcag2a wcag111 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .c-text-image-video__badge-image

    Element source

    <img class="c-text-image-video__badge-image" src="">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    6. Page should contain a level-one heading
    Learn more
    page-has-heading-one
    Best practice

    Ensure that the page, or at least one of its frames contains a level-one heading

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html lang="nl-NL">

    Fix all of the following:

    • Page must have a level-one heading
    # Description Axe rule ID WCAG Nodes passed check
    1 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 9
    2 ARIA role should be appropriate for the element aria-allowed-role Best practice 51
    3 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2 3
    4 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    5 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 45
    6 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 7
    7 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 7
    8 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 9
    9 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 9
    10 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5 1
    11 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 15
    12 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 5
    13 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    14 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 96
    15 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    16 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 2
    17 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1 1
    18 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 516
    19 Headings should not be empty empty-heading Best practice 34
    20 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2 1
    21 Frames should have a unique title attribute frame-title-unique Best practice 1
    22 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2 1
    23 Heading levels should only increase by one heading-order Best practice 33
    24 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    25 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    26 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 69
    27 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 10
    28 Alternative text of images should not be repeated as text image-redundant-alt Best practice 11
    29 Form elements should have a visible label label-title-only Best practice 1
    30 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 1
    31 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice 1
    32 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice 1
    33 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice 1
    34 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice 1
    35 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice 1
    36 Document should not have more than one main landmark landmark-no-duplicate-main Best practice 1
    37 Document should have one main landmark landmark-one-main Best practice 1
    38 Ensures landmarks are unique landmark-unique Best practice 4
    39 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 77
    40 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 7
    41 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 32
    42 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    43 Zooming and scaling should not be disabled meta-viewport Best practice 1
    44 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 19
    45 All page content should be contained by landmarks region Best practice 1380
    46 Elements should not have tabindex greater than zero tabindex Best practice 6

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 37
    2 Frames should be tested with axe-core frame-tested Best practice 1
    3 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 2

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    4 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    5 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
    6 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
    7 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
    8 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    9 "role=text" should have no focusable descendants aria-text Best practice
    10 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    11 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    12 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    13 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    14 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    15 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    16 Table header text must not be empty empty-table-header WCAG 1.3.1
    17 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    18 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    19 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
    20 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    21 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
    22 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    23 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    24 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    25 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    26 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    27 scope attribute should be used correctly scope-attr-valid Best practice
    28 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
    29 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    30 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    31 The skip-link target should exist and be focusable skip-link Best practice
    32 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    33 tables should not have the same summary and caption table-duplicate-name Best practice
    34 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    35 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    36 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
    37 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  9. AXE Accessibility Results

    axe-core found 23 violations
    # Description Axe rule ID WCAG Impact Count
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 20
    2 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 minor 1
    3 Document should have one main landmark landmark-one-main Best practice moderate 1
    4 Page should contain a level-one heading page-has-heading-one Best practice moderate 1

    Failed

    1. Elements must have sufficient color contrast
    Learn more
    color-contrast
    WCAG 2 Level AA, WCAG 1.4.3

    Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

    serious
    Issue Tags: cat.color wcag2aa wcag143
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .css-dviqgn > .css-kud6k4.erxfd830[for="gasValue"]

    Element source

    <label for="gasValue" class="css-kud6k4 erxfd830">Jouw postcode</label>

    Fix any of the following:

    • Element has insufficient color contrast of 3.96 (foreground color: #7a7e9c, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .css-bt9jt4
    2

    Element location

    .css-d9czgb > .css-kud6k4.erxfd830[for="gasValue"]

    Element source

    <label for="gasValue" class="css-kud6k4 erxfd830">Huisnummer</label>

    Fix any of the following:

    • Element has insufficient color contrast of 3.96 (foreground color: #7a7e9c, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .css-bt9jt4
    3

    Element location

    small

    Element source

    <small class="e45zlgf0 css-3bgc0c">Ik weet mijn verbruik niet</small>

    Fix any of the following:

    • Element has insufficient color contrast of 3.96 (foreground color: #7a7e9c, background color: #ffffff, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .css-bt9jt4
    4

    Element location

    label[for="electricityNormalValue"]

    Element source

    <label for="electricityNormalValue" class="css-kud6k4 erxfd830">Normaal</label>

    Fix any of the following:

    • Element has insufficient color contrast of 3.96 (foreground color: #7a7e9c, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .css-bt9jt4
    5

    Element location

    label[for="electricityLowValue"]

    Element source

    <label for="electricityLowValue" class="css-kud6k4 erxfd830">Dal</label>

    Fix any of the following:

    • Element has insufficient color contrast of 3.96 (foreground color: #7a7e9c, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .css-bt9jt4
    6

    Element location

    .css-11uy9fe:nth-child(3) > .css-kud6k4.erxfd830[for="gasValue"]

    Element source

    <label for="gasValue" class="css-kud6k4 erxfd830">Gasverbruik</label>

    Fix any of the following:

    • Element has insufficient color contrast of 3.96 (foreground color: #7a7e9c, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .css-bt9jt4
    7

    Element location

    .css-mgfslw > .css-1ureg4t

    Element source

    <div class="css-1ureg4t">Al 3 jaar op rij de beste prijs &amp; kwaliteit</div>

    Fix any of the following:

    • Element has insufficient color contrast of 3.96 (foreground color: #7a7e9c, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #home_2
    8

    Element location

    .css-hcbzx2 > .css-1ureg4t

    Element source

    <div class="css-1ureg4t">Een 8,3 voor ons overstapproces. Bron: GfK Energiemonitor</div>

    Fix any of the following:

    • Element has insufficient color contrast of 3.96 (foreground color: #7a7e9c, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #home_2
    9

    Element location

    .css-16xm31q:nth-child(4) > .css-1ureg4t

    Element source

    <div class="css-1ureg4t">Nummer 1 webcare onder energieleveranciers 2019, #DDP06</div>

    Fix any of the following:

    • Element has insufficient color contrast of 3.96 (foreground color: #7a7e9c, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #home_2
    10

    Element location

    .css-16xm31q:nth-child(5) > .css-1ureg4t

    Element source

    <div class="css-1ureg4t">Gebruikers waarderen de Oxxio App met 4 sterren</div>

    Fix any of the following:

    • Element has insufficient color contrast of 3.96 (foreground color: #7a7e9c, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #home_2
    11

    Element location

    .css-tsasj4

    Element source

    <span class="css-tsasj4">Klanten beoordelen ons met:</span>

    Fix any of the following:

    • Element has insufficient color contrast of 3.25 (foreground color: #7a7e9c, background color: #e9e8ed, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #home_5
    12

    Element location

    a[aria-label="Voorwaarden"] > .css-fp7pse

    Element source

    <span class="css-fp7pse">Voorwaarden</span>

    Fix any of the following:

    • Element has insufficient color contrast of 3.7 (foreground color: #8083a4, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .e1tm7kwh1
    13

    Element location

    a[aria-label="Privacy"] > .css-fp7pse

    Element source

    <span class="css-fp7pse">Privacy</span>

    Fix any of the following:

    • Element has insufficient color contrast of 3.7 (foreground color: #8083a4, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .e1tm7kwh1
    14

    Element location

    a[aria-label="Gebruik van cookies"] > .css-fp7pse

    Element source

    <span class="css-fp7pse">Gebruik van cookies</span>

    Fix any of the following:

    • Element has insufficient color contrast of 3.7 (foreground color: #8083a4, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .e1tm7kwh1
    15

    Element location

    a[aria-label="Gedragscodes"] > .css-fp7pse

    Element source

    <span class="css-fp7pse">Gedragscodes</span>

    Fix any of the following:

    • Element has insufficient color contrast of 3.7 (foreground color: #8083a4, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .e1tm7kwh1
    16

    Element location

    a[aria-label="Bedrijfsgegevens"] > .css-fp7pse

    Element source

    <span class="css-fp7pse">Bedrijfsgegevens</span>

    Fix any of the following:

    • Element has insufficient color contrast of 3.7 (foreground color: #8083a4, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .e1tm7kwh1
    17

    Element location

    a[aria-label="Disclaimer"] > .css-fp7pse

    Element source

    <span class="css-fp7pse">Disclaimer</span>

    Fix any of the following:

    • Element has insufficient color contrast of 3.7 (foreground color: #8083a4, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .e1tm7kwh1
    18

    Element location

    a[aria-label="Kwaliteitsnormen"] > .css-fp7pse

    Element source

    <span class="css-fp7pse">Kwaliteitsnormen</span>

    Fix any of the following:

    • Element has insufficient color contrast of 3.7 (foreground color: #8083a4, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .e1tm7kwh1
    19

    Element location

    a[aria-label="Modelcontract"] > .css-fp7pse

    Element source

    <span class="css-fp7pse">Modelcontract</span>

    Fix any of the following:

    • Element has insufficient color contrast of 3.7 (foreground color: #8083a4, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .e1tm7kwh1
    20

    Element location

    a[aria-label="Begrippenlijst"] > .css-fp7pse

    Element source

    <span class="css-fp7pse">Begrippenlijst</span>

    Fix any of the following:

    • Element has insufficient color contrast of 3.7 (foreground color: #8083a4, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .e1tm7kwh1
    2. id attribute value must be unique
    Learn more
    duplicate-id
    WCAG 2 Level A, WCAG 4.1.1

    Ensures every id attribute value is unique

    minor
    Issue Tags: cat.parsing wcag2a wcag411
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .seamly-placeholder:nth-child(20)

    Element source

    <div id="seamly-placeholder" class="seamly-placeholder">

    Fix any of the following:

    • Document has multiple static elements with the same id attribute: seamly-placeholder

    Related node:

    .seamly-placeholder:nth-child(21)
    3. Document should have one main landmark
    Learn more
    landmark-one-main
    Best practice

    Ensures the document has a main landmark

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html lang="nl-NL">

    Fix all of the following:

    • Document does not have a main landmark
    4. Page should contain a level-one heading
    Learn more
    page-has-heading-one
    Best practice

    Ensure that the page, or at least one of its frames contains a level-one heading

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html lang="nl-NL">

    Fix all of the following:

    • Page must have a level-one heading
    # Description Axe rule ID WCAG Nodes passed check
    1 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 6
    2 ARIA role should be appropriate for the element aria-allowed-role Best practice 57
    3 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice 1
    4 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    5 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 1
    6 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 2
    7 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 2
    8 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 6
    9 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 6
    10 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 4
    11 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 2
    12 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    13 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 75
    14 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    15 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 1
    16 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1 2
    17 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 16
    18 Headings should not be empty empty-heading Best practice 1
    19 Heading levels should only increase by one heading-order Best practice 1
    20 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    21 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    22 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 1
    23 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 1
    24 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    25 Zooming and scaling should not be disabled meta-viewport Best practice 1
    26 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 2
    27 All page content should be contained by landmarks region Best practice 36
    28 Elements should not have tabindex greater than zero tabindex Best practice 5

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 ARIA role should be appropriate for the element aria-allowed-role Best practice 3
    2 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 1
    3 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 5

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
    4 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    5 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    6 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
    7 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
    8 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
    9 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    10 "role=text" should have no focusable descendants aria-text Best practice
    11 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    12 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    13 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    14 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5
    15 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    16 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    17 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    18 Table header text must not be empty empty-table-header WCAG 1.3.1
    19 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2
    20 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    21 Frames should be tested with axe-core frame-tested Best practice
    22 Frames should have a unique title attribute frame-title-unique Best practice
    23 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2
    24 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    25 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1
    26 Alternative text of images should not be repeated as text image-redundant-alt Best practice
    27 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
    28 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    29 Form elements should have a visible label label-title-only Best practice
    30 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    31 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice
    32 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
    33 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice
    34 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice
    35 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice
    36 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice
    37 Document should not have more than one main landmark landmark-no-duplicate-main Best practice
    38 Ensures landmarks are unique landmark-unique Best practice
    39 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1
    40 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1
    41 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    42 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    43 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    44 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    45 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    46 scope attribute should be used correctly scope-attr-valid Best practice
    47 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
    48 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    49 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    50 The skip-link target should exist and be focusable skip-link Best practice
    51 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    52 tables should not have the same summary and caption table-duplicate-name Best practice
    53 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    54 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    55 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
    56 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  10. AXE Accessibility Results

    axe-core found 52 violations
    # Description Axe rule ID WCAG Impact Count
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 11
    2 Heading levels should only increase by one heading-order Best practice moderate 3
    3 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 critical 13
    4 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 critical 1
    5 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice moderate 1
    6 Document should have one main landmark landmark-one-main Best practice moderate 1
    7 Ensures landmarks are unique landmark-unique Best practice moderate 2
    8 All page content should be contained by landmarks region Best practice moderate 20

    Failed

    1. Elements must have sufficient color contrast
    Learn more
    color-contrast
    WCAG 2 Level AA, WCAG 1.4.3

    Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

    serious
    Issue Tags: cat.color wcag2aa wcag143
    # Issue Description To solve this violation, you need to...
    1

    Element location

    a[title="Energiecooperaties"]

    Element source

    <a href="https://www.greenchoice.nl/zelf-opwekken/energiecooperaties/" class="c-footer__list-link" title="Energiecooperaties">Energiecooperaties</a>

    Fix any of the following:

    • Element has insufficient color contrast of 4.18 (foreground color: #0f5532, background color: #8bc241, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .u-bg-color-lightgreen
    2

    Element location

    a[title="Zonnepanelen"]

    Element source

    <a href="https://www.greenchoice.nl/zonnepanelen/" class="c-footer__list-link" title="Zonnepanelen">Zonnepanelen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 4.18 (foreground color: #0f5532, background color: #8bc241, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .u-bg-color-lightgreen
    3

    Element location

    a[title="WindVangers"]

    Element source

    <a href="https://www.greenchoice.nl/zelf-opwekken/windvangers/" class="c-footer__list-link" title="WindVangers">WindVangers</a>

    Fix any of the following:

    • Element has insufficient color contrast of 4.18 (foreground color: #0f5532, background color: #8bc241, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .u-bg-color-lightgreen
    4

    Element location

    a[title="Groene stroom"]

    Element source

    <a href="https://www.greenchoice.nl/stroom-en-gas/groene-stroom/" class="c-footer__list-link" title="Groene stroom">Groene stroom</a>

    Fix any of the following:

    • Element has insufficient color contrast of 4.18 (foreground color: #0f5532, background color: #8bc241, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .u-bg-color-lightgreen
    5

    Element location

    a[title="Bosgecompenseerd gas"]

    Element source

    <a href="https://www.greenchoice.nl/stroom-en-gas/bosgecompenseerd-gas/" class="c-footer__list-link" title="Bosgecompenseerd gas">Bosgecompenseerd gas</a>

    Fix any of the following:

    • Element has insufficient color contrast of 4.18 (foreground color: #0f5532, background color: #8bc241, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .u-bg-color-lightgreen
    6

    Element location

    a[title="Woningscan"]

    Element source

    <a href="https://www.greenchoice.nl/besparen/woningscan/" class="c-footer__list-link" title="Woningscan">Woningscan</a>

    Fix any of the following:

    • Element has insufficient color contrast of 4.18 (foreground color: #0f5532, background color: #8bc241, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .u-bg-color-lightgreen
    7

    Element location

    a[title="Warmtepomp"]

    Element source

    <a href="https://www.greenchoice.nl/warmtepomp/" class="c-footer__list-link" title="Warmtepomp">Warmtepomp</a>

    Fix any of the following:

    • Element has insufficient color contrast of 4.18 (foreground color: #0f5532, background color: #8bc241, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .u-bg-color-lightgreen
    8

    Element location

    a[title="Isolatie"]

    Element source

    <a href="https://www.greenchoice.nl/besparen/isolatie/" class="c-footer__list-link" title="Isolatie">Isolatie</a>

    Fix any of the following:

    • Element has insufficient color contrast of 4.18 (foreground color: #0f5532, background color: #8bc241, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .u-bg-color-lightgreen
    9

    Element location

    a[title="Greenchoice app"]

    Element source

    <a href="https://www.greenchoice.nl/besparen/app/" class="c-footer__list-link" title="Greenchoice app">Greenchoice app</a>

    Fix any of the following:

    • Element has insufficient color contrast of 4.18 (foreground color: #0f5532, background color: #8bc241, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .u-bg-color-lightgreen
    10

    Element location

    a[title="Pakketten"]

    Element source

    <a href="https://www.greenchoice.nl/tarieven/pakketten/" class="c-footer__list-link" title="Pakketten">Pakketten</a>

    Fix any of the following:

    • Element has insufficient color contrast of 4.18 (foreground color: #0f5532, background color: #8bc241, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .u-bg-color-lightgreen
    11

    Element location

    a[title="Groene Mobiliteit"]

    Element source

    <a href="https://www.greenchoice.nl/tarieven/groene-mobiliteit/" class="c-footer__list-link" title="Groene Mobiliteit">Groene Mobiliteit</a>

    Fix any of the following:

    • Element has insufficient color contrast of 4.18 (foreground color: #0f5532, background color: #8bc241, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .u-bg-color-lightgreen
    2. Heading levels should only increase by one
    Learn more
    heading-order
    Best practice

    Ensures the order of headings is semantically correct

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .c-widget__title

    Element source

    <h4 class="c-widget__title">Wij helpen je op weg naar energiezuinig wonen</h4>

    Fix any of the following:

    • Heading order invalid
    2

    Element location

    div[data-tabs-content="Energie"] > .u-1\/3\@desktop.u-margin-bottom-none\@desktop.o-layout__item:nth-child(1) > .c-card > .c-card__content > h4

    Element source

    <h4>Samen Greenchoice Spaarprogramma </h4>

    Fix any of the following:

    • Heading order invalid
    3

    Element location

    .u-margin-bottom-xl.u-margin-bottom-none\@tablet.u-1\/2\@tablet > .o-usp.o-usp--large > .o-usp__content > .o-usp__title

    Element source

    <h4 class="o-usp__title">Greenchoice in 2022 uitgeroepen tot klantvriendelijkste energieleverancier van Nederland</h4>

    Fix any of the following:

    • Heading order invalid
    3. Images must have alternate text
    Learn more
    image-alt
    WCAG 2 Level A, WCAG 1.1.1

    Ensures <img> elements have alternate text or a role of none or presentation

    critical
    Issue Tags: cat.text-alternatives wcag2a wcag111 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .o-header__bg-img

    Element source

    <img class="o-header__bg-img" src="/media/6315/groenste-energiebeweging_small.jpg">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    2

    Element location

    .u-pull-img

    Element source

    <img class="u-pull-img" src="/media/6597/gc_illustratie_ons_verhaal_aarde_bomen.png">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    3

    Element location

    img[src$="meterstand.svg"]

    Element source

    <img class="c-usp-grid__img" src="/media/5887/meterstand.svg">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    4

    Element location

    img[src$="euro.svg"]

    Element source

    <img class="c-usp-grid__img" src="/media/5888/euro.svg">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    5

    Element location

    img[src$="pijl.svg"]

    Element source

    <img class="c-usp-grid__img" src="/media/5889/pijl.svg">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    6

    Element location

    img[src$="grafiek.svg"]

    Element source

    <img class="c-usp-grid__img" src="/media/5890/grafiek.svg">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    7

    Element location

    .u-1\/2\@tablet.o-layout__item:nth-child(1) > .c-review-user > .c-review-user__icon[src$="duim.svg"]

    Element source

    <img src="/images/largeicons/duim.svg" class="c-review-user__icon">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    8

    Element location

    .u-1\/2\@tablet.o-layout__item:nth-child(2) > .c-review-user > .c-review-user__icon[src$="duim.svg"]

    Element source

    <img src="/images/largeicons/duim.svg" class="c-review-user__icon">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    9

    Element location

    div[data-tabs-content="Energie"] > .u-1\/3\@desktop.u-margin-bottom-none\@desktop.o-layout__item:nth-child(1) > .c-card > .c-card__picture > .c-card__picture-image[object-fit=""]

    Element source

    <img class="c-card__picture-image" object-fit="" src="/media/5379/boks-spaarprogramma.png" style="object-position: 50% 50%">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    10

    Element location

    div[data-tabs-content="Energie"] > .u-1\/3\@desktop.u-margin-bottom-none\@desktop.o-layout__item:nth-child(2) > .c-card > .c-card__picture > .c-card__picture-image[object-fit=""]

    Element source

    <img class="c-card__picture-image" object-fit="" src="/media/6420/lokaalgroen_zon.jpg" style="object-position: 50% 50%">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    11

    Element location

    div[data-tabs-content="Energie"] > .u-1\/3\@desktop.u-margin-bottom-none\@desktop.o-layout__item:nth-child(3) > .c-card > .c-card__picture > .c-card__picture-image[object-fit=""]

    Element source

    <img class="c-card__picture-image" object-fit="" src="/media/5210/nederlandse-bosprojecten.jpg" style="object-position: 50% 50%">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    12

    Element location

    .u-margin-bottom-xl.u-margin-bottom-none\@tablet.u-1\/2\@tablet > .o-usp.o-usp--large > .o-usp__icon > img

    Element source

    <img src="/media/6658/klantvriendelijkste-energiebedrijf-2022.png">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    13

    Element location

    .u-1\/2\@tablet.o-layout__item:nth-child(2) > .o-usp.o-usp--large > .o-usp__icon > img

    Element source

    <img src="/media/6609/logo-sustainable-brand-index-2022.png">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    4. Form elements must have labels
    Learn more
    label
    WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1

    Ensures every form element has a label

    critical
    Issue Tags: cat.forms wcag2a wcag412 wcag131 section508 section508.22.n ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #mobile_menu

    Element source

    <input id="mobile_menu" type="checkbox" class="c-navigation__toggle-input">

    Fix all of the following:

    • Form element has explicit <label> that is hidden
    5. Document should not have more than one banner landmark
    Learn more
    landmark-no-duplicate-banner
    Best practice

    Ensures the document has at most one banner landmark

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .u-1\/2\@tablet.o-layout__item:nth-child(1) > .c-review-user > .c-review-user__content > header

    Element source

    <header class="c-review-user__header">

    Fix any of the following:

    • Document has more than one banner landmark

    Related node:

    .u-1\/2\@tablet.o-layout__item:nth-child(2) > .c-review-user > .c-review-user__content > header
    6. Document should have one main landmark
    Learn more
    landmark-one-main
    Best practice

    Ensures the document has a main landmark

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html lang="nl" xml:lang="nl">

    Fix all of the following:

    • Document does not have a main landmark
    7. Ensures landmarks are unique
    Learn more
    landmark-unique
    Best practice

    Landmarks should have a unique role or role/label/title (i.e. accessible name) combination

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .c-navigation__main

    Element source

    <nav class="c-navigation__main">

    Fix any of the following:

    • The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable

    Related node:

    .c-navigation__secondary
    .c-footer__nav
    2

    Element location

    .u-1\/2\@tablet.o-layout__item:nth-child(1) > .c-review-user > .c-review-user__content > header

    Element source

    <header class="c-review-user__header">

    Fix any of the following:

    • The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable

    Related node:

    .u-1\/2\@tablet.o-layout__item:nth-child(2) > .c-review-user > .c-review-user__content > header
    8. All page content should be contained by landmarks
    Learn more
    region
    Best practice

    Ensures all page content is contained by landmarks

    moderate
    Issue Tags: cat.keyboard best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .c-navigation__logo

    Element source

    <div class="c-navigation__logo">
          <a href="/">
            <img src="/images/logo.svg" alt="Greenchoice" title="Ga naar de Greenchoice homepagina">
          </a>
        </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    2

    Element location

    #mobile_menu

    Element source

    <input id="mobile_menu" type="checkbox" class="c-navigation__toggle-input">

    Fix any of the following:

    • Some page content is not contained by landmarks
    3

    Element location

    .o-input__field

    Element source

    <input class="o-input__field" type="text" id="" name="search" value="" placeholder="Stel je vraag aan chatbot Watt">

    Fix any of the following:

    • Some page content is not contained by landmarks
    4

    Element location

    .o-header

    Element source

    <div class="o-header o-header--reverse-bg-until@tablet">

    Fix any of the following:

    • Some page content is not contained by landmarks
    5

    Element location

    .c-review-rating__description--desc-before

    Element source

    <span class="c-review-rating__description c-review-rating__description--desc-before">Onze klanten beoordelen ons met een 8!</span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    6

    Element location

    .u-padding-top-none

    Element source

    <div class="l-section  u-padding-top-none u-padding-bottom-xxl  u-bg-color-white">

    Fix any of the following:

    • Some page content is not contained by landmarks
    7

    Element location

    .u-bg-color-lightgrey-25.l-section:nth-child(7)

    Element source

    <div class="l-section   u-bg-color-lightgrey-25">

    Fix any of the following:

    • Some page content is not contained by landmarks
    8

    Element location

    .c-review > .u-text-center

    Element source

    <div class="u-text-center">

    Fix any of the following:

    • Some page content is not contained by landmarks
    9

    Element location

    .u-1\/2\@tablet.o-layout__item:nth-child(1) > .c-review-user > .c-review-user__icon[src$="duim.svg"]

    Element source

    <img src="/images/largeicons/duim.svg" class="c-review-user__icon">

    Fix any of the following:

    • Some page content is not contained by landmarks
    10

    Element location

    .u-1\/2\@tablet.o-layout__item:nth-child(1) > .c-review-user > .c-review-user__content > .c-review-user__comment

    Element source

    <p class="c-review-user__comment">Ik zit al jaren bij Greenchoice en ben dik tevreden!</p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    11

    Element location

    .u-1\/2\@tablet.o-layout__item:nth-child(1) > .c-review-user > .c-review-user__content > time

    Element source

    <time class="c-review-user__date">03-09-2022 15:40:14</time>

    Fix any of the following:

    • Some page content is not contained by landmarks
    12

    Element location

    .u-1\/2\@tablet.o-layout__item:nth-child(2) > .c-review-user > .c-review-user__icon[src$="duim.svg"]

    Element source

    <img src="/images/largeicons/duim.svg" class="c-review-user__icon">

    Fix any of the following:

    • Some page content is not contained by landmarks
    13

    Element location

    .u-1\/2\@tablet.o-layout__item:nth-child(2) > .c-review-user > .c-review-user__content > .c-review-user__comment

    Element source

    <p class="c-review-user__comment">Beste Energieleverancier die ik ken. Fijne medewerkers die kennis van zaken hebben en de tijd nemen voor je. Een klantenservice die goed bereikbaar is en de tijd neemt voor z'n klanten.</p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    14

    Element location

    .u-1\/2\@tablet.o-layout__item:nth-child(2) > .c-review-user > .c-review-user__content > time

    Element source

    <time class="c-review-user__date">27-08-2022 15:43:49</time>

    Fix any of the following:

    • Some page content is not contained by landmarks
    15

    Element location

    .u-margin-bottom-xl\@desktop

    Element source

    <h2 class="u-text-center u-margin-bottom-m u-margin-bottom-xl@desktop">Greenchoice helpt je vergroenen</h2>

    Fix any of the following:

    • Some page content is not contained by landmarks
    16

    Element location

    .c-tabs__bar

    Element source

    <div class="c-tabs__bar u-text-center">

    Fix any of the following:

    • Some page content is not contained by landmarks
    17

    Element location

    div[data-tabs-content="Energie"]

    Element source

    <div class="o-layout o-layout--flex u-margin-top-s u-margin-top-xxl@tablet u-margin-bottom-m u-margin-bottom-none@tablet u-flex--justify-center " data-tabs-content="Energie">

    Fix any of the following:

    • Some page content is not contained by landmarks
    18

    Element location

    .u-bg-color-white.l-section:nth-child(10)

    Element source

    <div class="l-section   u-bg-color-white">

    Fix any of the following:

    • Some page content is not contained by landmarks
    19

    Element location

    .u-bg-color-lightgrey-25.l-section.u-text-center

    Element source

    <div class="l-section  u-text-center  u-bg-color-lightgrey-25">

    Fix any of the following:

    • Some page content is not contained by landmarks
    20

    Element location

    .c-cookiebar__content > div

    Element source

    <div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    # Description Axe rule ID WCAG Nodes passed check
    1 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 25
    2 ARIA role should be appropriate for the element aria-allowed-role Best practice 41
    3 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    4 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 6
    5 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 26
    6 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 26
    7 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 25
    8 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 25
    9 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 8
    10 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 4
    11 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    12 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 89
    13 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    14 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1 11
    15 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 8
    16 Headings should not be empty empty-heading Best practice 17
    17 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2 6
    18 Heading levels should only increase by one heading-order Best practice 14
    19 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    20 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    21 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1 1
    22 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 47
    23 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 3
    24 Alternative text of images should not be repeated as text image-redundant-alt Best practice 16
    25 Form elements should have a visible label label-title-only Best practice 6
    26 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 5
    27 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice 2
    28 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice 1
    29 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice 1
    30 Ensures landmarks are unique landmark-unique Best practice 1
    31 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 57
    32 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 13
    33 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 59
    34 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    35 Zooming and scaling should not be disabled meta-viewport Best practice 1
    36 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 50
    37 Page should contain a level-one heading page-has-heading-one Best practice 1
    38 All page content should be contained by landmarks region Best practice 330
    39 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1 25

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 1

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
    4 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice
    5 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    6 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    7 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
    8 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
    9 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
    10 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    11 "role=text" should have no focusable descendants aria-text Best practice
    12 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    13 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    14 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    15 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5
    16 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    17 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    18 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    19 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1
    20 Table header text must not be empty empty-table-header WCAG 1.3.1
    21 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    22 Frames should be tested with axe-core frame-tested Best practice
    23 Frames should have a unique title attribute frame-title-unique Best practice
    24 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2
    25 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
    26 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    27 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
    28 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice
    29 Document should not have more than one main landmark landmark-no-duplicate-main Best practice
    30 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    31 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    32 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    33 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    34 scope attribute should be used correctly scope-attr-valid Best practice
    35 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
    36 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    37 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    38 The skip-link target should exist and be focusable skip-link Best practice
    39 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    40 Elements should not have tabindex greater than zero tabindex Best practice
    41 tables should not have the same summary and caption table-duplicate-name Best practice
    42 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    43 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    44 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
    45 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  11. AXE Accessibility Results

    axe-core found 53 violations
    # Description Axe rule ID WCAG Impact Count
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 15
    2 Document should have one main landmark landmark-one-main Best practice moderate 1
    3 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 serious 1
    4 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 serious 1
    5 Zooming and scaling should not be disabled meta-viewport Best practice critical 1
    6 All page content should be contained by landmarks region Best practice moderate 34

    Failed

    1. Elements must have sufficient color contrast
    Learn more
    color-contrast
    WCAG 2 Level AA, WCAG 1.4.3

    Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

    serious
    Issue Tags: cat.color wcag2aa wcag143
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .white.content-wrapper:nth-child(2) > .container > .row > .column-1 > .center.content > h2

    Element source

    <h2 class="informal-3 green">
                    Achtergrondverhaal
                </h2>

    Fix any of the following:

    • Element has insufficient color contrast of 2.27 (foreground color: #7abd54, background color: #ffffff, font size: 30.0pt (40px), font weight: normal). Expected contrast ratio of 3:1

    Related node:

    .white.content-wrapper:nth-child(2)
    2

    Element location

    p:nth-child(3) > a[href$="mijn.budgetthuis.nl"]

    Element source

    <a href="https://mijn.budgetthuis.nl">MijnBudget</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.27 (foreground color: #7abd54, background color: #ffffff, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .white.content-wrapper:nth-child(2)
    3

    Element location

    .grey.content-wrapper > .container > .row > .column-1 > .center.content > h2

    Element source

    <h2 class="informal-3 green">
                    Wat verandert er voor jou?
                </h2>

    Fix any of the following:

    • Element has insufficient color contrast of 2.04 (foreground color: #7abd54, background color: #f3f3f3, font size: 30.0pt (40px), font weight: normal). Expected contrast ratio of 3:1

    Related node:

    .grey.content-wrapper
    4

    Element location

    .center.content > p:nth-child(2) > a[href$="mijn.budgetthuis.nl"]

    Element source

    <a href="https://mijn.budgetthuis.nl">MijnBudget</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.04 (foreground color: #7abd54, background color: #f3f3f3, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .grey.content-wrapper
    5

    Element location

    a[href$="#faq"]

    Element source

    <a href="#faq">hieronder</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.04 (foreground color: #7abd54, background color: #f3f3f3, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .grey.content-wrapper
    6

    Element location

    .orange

    Element source

    <h3 class="orange">
                        FAQ
                    </h3>

    Fix any of the following:

    • Element has insufficient color contrast of 2.43 (foreground color: #f18e00, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .white.content-wrapper:nth-child(4)
    7

    Element location

    .justify.content > p:nth-child(2) > a

    Element source

    <a href="https://www.budgetthuis.nl/combikorting">combikorting</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.04 (foreground color: #7abd54, background color: #f3f3f3, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #site-wrapper
    8

    Element location

    .right > .justify.content > p:nth-child(3) > a

    Element source

    <a href="https://www.budgetthuis.nl/mobiel">Budget Mobiel</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.04 (foreground color: #7abd54, background color: #f3f3f3, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #site-wrapper
    9

    Element location

    p:nth-child(4) > a

    Element source

    <a href="https://www.budgetthuis.nl/alles-in-1/">Budget Alles-in-1</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.04 (foreground color: #7abd54, background color: #f3f3f3, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #site-wrapper
    10

    Element location

    .center.content > .grey

    Element source

    <h3 class="grey">Over NLE</h3>

    Fix any of the following:

    • Element has insufficient color contrast of 2.38 (foreground color: #9f9f9f, background color: #f3f3f3, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #footer
    11

    Element location

    .column-5.mobile-collapse:nth-child(1) > .content > ul > li:nth-child(1) > b

    Element source

    <b>
                                            Producten
                                        </b>

    Fix any of the following:

    • Element has insufficient color contrast of 2.38 (foreground color: #9f9f9f, background color: #f3f3f3, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #footer
    12

    Element location

    .column-5.mobile-collapse:nth-child(2) > .content > ul > li:nth-child(1) > b

    Element source

    <b>
                                            Overstappen
                                        </b>

    Fix any of the following:

    • Element has insufficient color contrast of 2.38 (foreground color: #9f9f9f, background color: #f3f3f3, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #footer
    13

    Element location

    .column-5.mobile-collapse:nth-child(3) > .content > ul > li:nth-child(1) > b

    Element source

    <b>
                                            Eerlijk over energie
                                        </b>

    Fix any of the following:

    • Element has insufficient color contrast of 2.38 (foreground color: #9f9f9f, background color: #f3f3f3, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #footer
    14

    Element location

    .column-5.mobile-collapse:nth-child(4) > .content > ul > li:nth-child(1) > b

    Element source

    <b>
                                            Service &amp; Contact
                                        </b>

    Fix any of the following:

    • Element has insufficient color contrast of 2.38 (foreground color: #9f9f9f, background color: #f3f3f3, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #footer
    15

    Element location

    .column-5.mobile-collapse:nth-child(5) > .content > ul > li:nth-child(1) > b

    Element source

    <b>
                                            Over ons
                                        </b>

    Fix any of the following:

    • Element has insufficient color contrast of 2.38 (foreground color: #9f9f9f, background color: #f3f3f3, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #footer
    2. Document should have one main landmark
    Learn more
    landmark-one-main
    Best practice

    Ensures the document has a main landmark

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html lang="nl">

    Fix all of the following:

    • Document does not have a main landmark
    3. Links must have discernible text
    Learn more
    link-name
    WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4

    Ensures links have discernible text

    serious
    Issue Tags: cat.name-role-value wcag2a wcag412 wcag244 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #logo

    Element source

    <a href="/" id="logo">
                        <img src="/assets/label/nle/images/logo/logo.svg" alt="">
                    </a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    4. <ul> and <ol> must only directly contain <li>, <script> or <template> elements
    Learn more
    list
    WCAG 2 Level A, WCAG 1.3.1

    Ensures that lists are structured correctly

    serious
    Issue Tags: cat.structure wcag2a wcag131
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .expand

    Element source

    <ul class="expand">

    Fix all of the following:

    • List element has direct children that are not allowed inside <li> elements
    5. Zooming and scaling should not be disabled
    Learn more
    meta-viewport
    Best practice

    Ensures <meta name="viewport"> does not disable text scaling and zooming

    critical
    Issue Tags: cat.sensory-and-visual-cues best-practice ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    meta[name="viewport"]

    Element source

    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width, height=device-height, target-densitydpi=device-dpi">

    Fix any of the following:

    • user-scalable=no on <meta> tag disables zooming on mobile devices
    6. All page content should be contained by landmarks
    Learn more
    region
    Best practice

    Ensures all page content is contained by landmarks

    moderate
    Issue Tags: cat.keyboard best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #logo

    Element source

    <a href="/" id="logo">
                        <img src="/assets/label/nle/images/logo/logo.svg" alt="">
                    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    2

    Element location

    .expand > li:nth-child(2)

    Element source

    <li>

    Fix any of the following:

    • Some page content is not contained by landmarks
    3

    Element location

    a[href$="zakelijk"]

    Element source

    <a class="up no-child-active submenu-trigger" href="/zakelijk">Zakelijk
                                    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    4

    Element location

    .expand > li:nth-child(4)

    Element source

    <li>
                                    <a class="" href="/klantenservice">Service &amp; Contact
                                    </a>
                                                                </li>

    Fix any of the following:

    • Some page content is not contained by landmarks
    5

    Element location

    .no-child-active.submenu-trigger[href$="een-notendop"]

    Element source

    <a class="up no-child-active submenu-trigger" href="/een-notendop">Over ons
                                    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    6

    Element location

    .logged-out

    Element source

    <a href="https://mijn.nle.nl/inloggen" class="logged-out">
            Mijn NLE
        </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    7

    Element location

    .image-banner

    Element source

    <div class="content-wrapper image-banner header-banner
    
        
                white switch-banner
        " style="
            background-position: right top;
            background-image: url(/assets/label/nle/images/banners/NLE_Budget_Energie.jpeg);
         ">

    Fix any of the following:

    • Some page content is not contained by landmarks
    8

    Element location

    .white.content-wrapper:nth-child(2)

    Element source

    <div class="content-wrapper
    
        
                white
        ">

    Fix any of the following:

    • Some page content is not contained by landmarks
    9

    Element location

    .grey.content-wrapper

    Element source

    <div class="content-wrapper
    
        
                grey
        ">

    Fix any of the following:

    • Some page content is not contained by landmarks
    10

    Element location

    #faq

    Element source

    <a id="faq">
                    <h3 class="orange">
                        FAQ
                    </h3>
                </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    11

    Element location

    .harmonica-toggle.up:nth-child(1)

    Element source

    <a class="harmonica-toggle up">
                        Waarom ga ik over van NLE naar Budget Energie?
                    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    12

    Element location

    .harmonica-toggle.up:nth-child(3)

    Element source

    <a class="harmonica-toggle up">
                        Wanneer wordt de wijziging uitgevoerd?
                    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    13

    Element location

    .harmonica-toggle.up:nth-child(5)

    Element source

    <a class="harmonica-toggle up">
                        Wat verandert er voor mij met deze wijziging?
                    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    14

    Element location

    .harmonica-toggle.up:nth-child(7)

    Element source

    <a class="harmonica-toggle up">
                        Krijg ik als klant van NLE een ander klantnummer bij Budget Energie?
                    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    15

    Element location

    .harmonica-toggle.up:nth-child(9)

    Element source

    <a class="harmonica-toggle up">
                        Blijven mijn tarieven/mijn contract hetzelfde?
                    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    16

    Element location

    .harmonica-toggle.up:nth-child(11)

    Element source

    <a class="harmonica-toggle up">
                        Blijft mijn termijnbedrag hetzelfde?
                    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    17

    Element location

    .harmonica-toggle.up:nth-child(13)

    Element source

    <a class="harmonica-toggle up">
                        Ontvang ik door deze wijziging een tussentijdse afrekening?
                    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    18

    Element location

    .harmonica-toggle.up:nth-child(15)

    Element source

    <a class="harmonica-toggle up">
                        Wanneer wordt mijn termijnbedrag geïncasseerd?
                    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    19

    Element location

    .harmonica-toggle.up:nth-child(17)

    Element source

    <a class="harmonica-toggle up">
                        Hoe log ik in in mijn nieuwe (Budget Thuis) account?
                    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    20

    Element location

    .harmonica-toggle.up:nth-child(19)

    Element source

    <a class="harmonica-toggle up">
                        Ik weet mijn inloggegevens niet meer, wat nu?
                    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    21

    Element location

    .harmonica-toggle.up:nth-child(21)

    Element source

    <a class="harmonica-toggle up">
                        Ik neem al een product af bij Budget Thuis. Wat verandert er voor mij?
                    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    22

    Element location

    .harmonica-toggle.up:nth-child(23)

    Element source

    <a class="harmonica-toggle up">
                        Wordt mijn privacy gewaarborgd?
                    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    23

    Element location

    .harmonica-toggle.up:nth-child(25)

    Element source

    <a class="harmonica-toggle up">
                        Verandert jullie rekeningnummer?
                    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    24

    Element location

    .harmonica-toggle.up:nth-child(27)

    Element source

    <a class="harmonica-toggle up">
                        Wat kan ik inzien en/of wijzigen in MijnBudget?
                    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    25

    Element location

    .harmonica-toggle.up:nth-child(29)

    Element source

    <a class="harmonica-toggle up">
                        Wat kan ik inzien en/of wijzigen in de Budget Thuis app?
                    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    26

    Element location

    .harmonica-toggle.up:nth-child(31)

    Element source

    <a class="harmonica-toggle up">
                        Wanneer heb ik recht op combikorting?
                    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    27

    Element location

    .harmonica-toggle.up:nth-child(33)

    Element source

    <a class="harmonica-toggle up">
                        Heeft Budget Thuis een app die ik kan downloaden?
                    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    28

    Element location

    .harmonica-toggle.up:nth-child(35)

    Element source

    <a class="harmonica-toggle up">
                        Welke contactmogelijkheden heeft Budget Energie?
                    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    29

    Element location

    .responsive-side-image

    Element source

    <div class="content-wrapper
    
        
                responsive-side-image
        ">

    Fix any of the following:

    • Some page content is not contained by landmarks
    30

    Element location

    .white.content-wrapper:nth-child(6)

    Element source

    <div class="content-wrapper
    
        
                white
        ">

    Fix any of the following:

    • Some page content is not contained by landmarks
    31

    Element location

    #footer

    Element source

    <div id="footer">

    Fix any of the following:

    • Some page content is not contained by landmarks
    32

    Element location

    .popup-window > h3

    Element source

    <h3 class="informal-3 green">
                NLE cookies
            </h3>

    Fix any of the following:

    • Some page content is not contained by landmarks
    33

    Element location

    .popup-window > p

    Element source

    <p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    34

    Element location

    .default-consent-content

    Element source

    <div class="default-consent-content">

    Fix any of the following:

    • Some page content is not contained by landmarks
    # Description Axe rule ID WCAG Nodes passed check
    1 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    2 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 8
    3 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    4 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 53
    5 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    6 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 1
    7 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 13
    8 Headings should not be empty empty-heading Best practice 7
    9 Heading levels should only increase by one heading-order Best practice 7
    10 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    11 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    12 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 29
    13 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 2
    14 Alternative text of images should not be repeated as text image-redundant-alt Best practice 2
    15 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 35
    16 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 8
    17 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 37
    18 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    19 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 2
    20 Page should contain a level-one heading page-has-heading-one Best practice 1
    21 All page content should be contained by landmarks region Best practice 166

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 14

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2
    4 ARIA role should be appropriate for the element aria-allowed-role Best practice
    5 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
    6 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice
    7 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    8 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    9 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    10 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
    11 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2
    12 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
    13 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
    14 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    15 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2
    16 "role=text" should have no focusable descendants aria-text Best practice
    17 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    18 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    19 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    20 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2
    21 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2
    22 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5
    23 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    24 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2
    25 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    26 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    27 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1
    28 Table header text must not be empty empty-table-header WCAG 1.3.1
    29 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2
    30 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    31 Frames should be tested with axe-core frame-tested Best practice
    32 Frames should have a unique title attribute frame-title-unique Best practice
    33 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2
    34 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    35 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
    36 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    37 Form elements should have a visible label label-title-only Best practice
    38 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    39 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice
    40 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
    41 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice
    42 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice
    43 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice
    44 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice
    45 Document should not have more than one main landmark landmark-no-duplicate-main Best practice
    46 Ensures landmarks are unique landmark-unique Best practice
    47 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    48 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    49 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    50 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    51 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    52 scope attribute should be used correctly scope-attr-valid Best practice
    53 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
    54 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    55 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    56 The skip-link target should exist and be focusable skip-link Best practice
    57 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    58 Elements should not have tabindex greater than zero tabindex Best practice
    59 tables should not have the same summary and caption table-duplicate-name Best practice
    60 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    61 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    62 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
    63 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  12. AXE Accessibility Results

    axe-core found 64 violations
    # Description Axe rule ID WCAG Impact Count
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 22
    2 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 critical 3
    3 Document should have one main landmark landmark-one-main Best practice moderate 1
    4 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 serious 1
    5 Zooming and scaling should not be disabled meta-viewport Best practice critical 1
    6 Page should contain a level-one heading page-has-heading-one Best practice moderate 1
    7 All page content should be contained by landmarks region Best practice moderate 35

    Failed

    1. Elements must have sufficient color contrast
    Learn more
    color-contrast
    WCAG 2 Level AA, WCAG 1.4.3

    Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

    serious
    Issue Tags: cat.color wcag2aa wcag143
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .active-child

    Element source

    <a class="active active-child down submenu-trigger original-active" href="/energie/">Energie
                                    </a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #3aaa35, background color: #ffffff, font size: 14.3pt (19px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #navigation-bar
    2

    Element location

    li:nth-child(1) > .active.original-active[href$="energie/"]

    Element source

    <a class="active original-active" href="/energie/">
                                                        Bereken je voordeel
                                                    </a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.66 (foreground color: #3aaa35, background color: #3c3c3c, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    li:nth-child(3) > .submenu-list
    3

    Element location

    .text

    Element source

    <span class="text">Selecteer</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.06 (foreground color: #a8a8a8, background color: #efefef, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .overlay-toggle
    4

    Element location

    div[be-tab-index="4"] > label > .small-label

    Element source

    <span class="small-label">(Normaal)</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.64 (foreground color: #9f9f9f, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .box
    5

    Element location

    #calculate-usage

    Element source

    <a id="calculate-usage" class="info-link-right calculate-usage">
            Of maak een schatting van mijn jaarverbruik
        </a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #3aaa35, background color: #ffffff, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .box
    6

    Element location

    input[type="submit"]

    Element source

    <input type="submit" value="Bereken aanbod" autocorrect="off" autocapitalize="off" autocomplete="off">

    Fix any of the following:

    • Element has insufficient color contrast of 2.79 (foreground color: #ffffff, background color: #25a2f0, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    input[type="submit"]
    7

    Element location

    .content-wrapper:nth-child(4) > .container > .row > .column-1 > .content > h2

    Element source

    <h2 class="informal-3">
                                Budget Energie
                            </h2>

    Fix any of the following:

    • Element has insufficient color contrast of 2.61 (foreground color: #3aaa35, background color: #efefef, font size: 37.5pt (50px), font weight: normal). Expected contrast ratio of 3:1

    Related node:

    #site-wrapper
    8

    Element location

    p:nth-child(5) > a

    Element source

    <a href="
              /combikorting
            ">combikorting</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.61 (foreground color: #3aaa35, background color: #efefef, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #site-wrapper
    9

    Element location

    .blue-button[href$="stroom-en-gas"]

    Element source

    <a href="/energie/stroom-en-gas" class="blue-button">
                                Meer info
                            </a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.79 (foreground color: #ffffff, background color: #25a2f0, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .blue-button[href$="stroom-en-gas"]
    10

    Element location

    .content-wrapper:nth-child(6) > .container > .row > .column-2:nth-child(1) > .content > h2

    Element source

    <h2 class="informal-3">
                                Profiteer van combikorting
                            </h2>

    Fix any of the following:

    • Element has insufficient color contrast of 2.61 (foreground color: #3aaa35, background color: #efefef, font size: 37.5pt (50px), font weight: normal). Expected contrast ratio of 3:1

    Related node:

    #site-wrapper
    11

    Element location

    .column-2:nth-child(1) > .content > p > a

    Element source

    <a href="
              /combikorting
            ">combikorting</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.61 (foreground color: #3aaa35, background color: #efefef, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #site-wrapper
    12

    Element location

    .info-link-right[href$="bespaarmelding-instellen"]

    Element source

    <a class="info-link-right" href="/bespaarmelding-instellen">
                        Is overstappen nog niet mogelijk? Loop geen voordeel mis en stel de bespaarmelding in.
                    </a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.61 (foreground color: #3aaa35, background color: #efefef, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #site-wrapper
    13

    Element location

    .blue-button[inner-link="homeBanner"][href=""]

    Element source

    <a class="blue-button" inner-link="homeBanner" href="">
                            Meld je aan
                        </a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.79 (foreground color: #ffffff, background color: #25a2f0, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .blue-button[inner-link="homeBanner"][href=""]
    14

    Element location

    .content-wrapper:nth-child(9) > .container > .row > .column-1 > .content > h2

    Element source

    <h2 class="informal-3">
                                Gewoon goede service
                            </h2>

    Fix any of the following:

    • Element has insufficient color contrast of 2.61 (foreground color: #3aaa35, background color: #efefef, font size: 37.5pt (50px), font weight: normal). Expected contrast ratio of 3:1

    Related node:

    #site-wrapper
    15

    Element location

    .content-wrapper:nth-child(9) > .container > .row > .column-1 > .content > p > a

    Element source

    <a href="
              https://mijn.budgetthuis.nl/energie/
            ">MijnBudget</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.61 (foreground color: #3aaa35, background color: #efefef, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #site-wrapper
    16

    Element location

    .blue-button[href$="klantenservice"]

    Element source

    <a href="/energie/klantenservice" class="blue-button">
                                Klantenservice
                            </a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.79 (foreground color: #ffffff, background color: #25a2f0, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .blue-button[href$="klantenservice"]
    17

    Element location

    p:nth-child(2) > a[href$="alles-in-1"]

    Element source

    <a href="/alles-in-1">Budget Alles-in-1</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #3aaa35, background color: #ffffff, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .white.content-wrapper:nth-child(10)
    18

    Element location

    a[href$="mobiel"]

    Element source

    <a href="/mobiel">Budget Mobiel</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #3aaa35, background color: #ffffff, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .white.content-wrapper:nth-child(10)
    19

    Element location

    a[href="\a           /\a         "]

    Element source

    <a href="
              /
            ">Budget Thuis</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #3aaa35, background color: #ffffff, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .white.content-wrapper:nth-child(10)
    20

    Element location

    a[href$="groene-stroom"]

    Element source

    <a href="/energie/groene-stroom">een overzicht</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #3aaa35, background color: #ffffff, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .white.content-wrapper:nth-child(10)
    21

    Element location

    .left.column-2 > .left.content > h2

    Element source

    <h2 class="informal-3">
                                Ik kan nog niet overstappen
                            </h2>

    Fix any of the following:

    • Element has insufficient color contrast of 2.61 (foreground color: #3aaa35, background color: #efefef, font size: 37.5pt (50px), font weight: normal). Expected contrast ratio of 3:1

    Related node:

    #site-wrapper
    22

    Element location

    .blue-button[href$="bespaarmelding-instellen"]

    Element source

    <a href="/bespaarmelding-instellen" class="blue-button">
                                Stel bespaarmelding in
                            </a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.79 (foreground color: #ffffff, background color: #25a2f0, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .blue-button[href$="bespaarmelding-instellen"]
    2. Form elements must have labels
    Learn more
    label
    WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1

    Ensures every form element has a label

    critical
    Issue Tags: cat.forms wcag2a wcag412 wcag131 section508 section508.22.n ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #introForm_address_houseNumber

    Element source

    <input type="text" id="introForm_address_houseNumber" name="introForm[address][houseNumber]" autocorrect="off" autocapitalize="off" autocomplete="off">

    Fix any of the following:

    • Form element does not have an implicit (wrapped) <label>
    • Form element does not have an explicit <label>
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element has no placeholder attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    2

    Element location

    #introForm_consumption_electricityNormal

    Element source

    <input type="text" id="introForm_consumption_electricityNormal" name="introForm[consumption][electricityNormal]" pattern="[0-9]*" data-meter-type="normal" autocorrect="off" autocapitalize="off" autocomplete="off">

    Fix any of the following:

    • Form element does not have an implicit (wrapped) <label>
    • Form element does not have an explicit <label>
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element has no placeholder attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    3

    Element location

    #introForm_consumption_gas

    Element source

    <input type="text" id="introForm_consumption_gas" name="introForm[consumption][gas]" pattern="[0-9]*" data-meter-type="gas" autocorrect="off" autocapitalize="off" autocomplete="off">

    Fix any of the following:

    • Form element does not have an implicit (wrapped) <label>
    • Form element does not have an explicit <label>
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element has no placeholder attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    3. Document should have one main landmark
    Learn more
    landmark-one-main
    Best practice

    Ensures the document has a main landmark

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html lang="nl">

    Fix all of the following:

    • Document does not have a main landmark
    4. <ul> and <ol> must only directly contain <li>, <script> or <template> elements
    Learn more
    list
    WCAG 2 Level A, WCAG 1.3.1

    Ensures that lists are structured correctly

    serious
    Issue Tags: cat.structure wcag2a wcag131
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .expand

    Element source

    <ul class="expand">

    Fix all of the following:

    • List element has direct children that are not allowed inside <li> elements
    5. Zooming and scaling should not be disabled
    Learn more
    meta-viewport
    Best practice

    Ensures <meta name="viewport"> does not disable text scaling and zooming

    critical
    Issue Tags: cat.sensory-and-visual-cues best-practice ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    meta[name="viewport"]

    Element source

    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width, height=device-height, target-densitydpi=device-dpi">

    Fix any of the following:

    • user-scalable=no on <meta> tag disables zooming on mobile devices
    6. Page should contain a level-one heading
    Learn more
    page-has-heading-one
    Best practice

    Ensure that the page, or at least one of its frames contains a level-one heading

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html lang="nl">

    Fix all of the following:

    • Page must have a level-one heading
    7. All page content should be contained by landmarks
    Learn more
    region
    Best practice

    Ensures all page content is contained by landmarks

    moderate
    Issue Tags: cat.keyboard best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #logo

    Element source

    <a href="/" id="logo">
                        <img src="/energie/assets/label/be/images/logo/logo.svg" alt="Budget Energie: 100% groene stroom en gas">
                    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    2

    Element location

    .expand > li:nth-child(2)

    Element source

    <li>
                                    <a class="" href="/">Thuis
                                    </a>
                                                                </li>

    Fix any of the following:

    • Some page content is not contained by landmarks
    3

    Element location

    .expand > li:nth-child(3)

    Element source

    <li>

    Fix any of the following:

    • Some page content is not contained by landmarks
    4

    Element location

    .up.no-child-active[href$="alles-in-1/"]

    Element source

    <a class="up no-child-active submenu-trigger" href="/alles-in-1/">Alles-in-1
                                    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    5

    Element location

    .up.no-child-active[href$="mobiel/"]

    Element source

    <a class="up no-child-active submenu-trigger" href="/mobiel/">Mobiel
                                    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    6

    Element location

    li:nth-child(6) > .up.no-child-active.submenu-trigger

    Element source

    <a class="up no-child-active submenu-trigger" href="/klantenservice">Service &amp; Contact
                                    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    7

    Element location

    .up.no-child-active[href$="over-ons"]

    Element source

    <a class="up no-child-active submenu-trigger" href="/over-ons">Over ons
                                    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    8

    Element location

    .logged-out

    Element source

    <a href="https://mijn.budgetthuis.nl" class="logged-out">
            MijnBudget
        </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    9

    Element location

    .yellow-emergency-stripe

    Element source

    <div class="content-wrapper yellow-emergency-stripe">

    Fix any of the following:

    • Some page content is not contained by landmarks
    10

    Element location

    .sticker

    Element source

    <span class="sticker">
                                Variabel<br>contract<br>beschikbaar
                            </span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    11

    Element location

    #header-intro-form

    Element source

    <h2 id="header-intro-form" class="informal-5 green">
            Bekijk ons aanbod
        </h2>

    Fix any of the following:

    • Some page content is not contained by landmarks
    12

    Element location

    #form_intro > p

    Element source

    <p data-gtm-vis-has-fired-569483_277="1">
            Vul je postcode, huisnummer en verbruik in en bekijk het aanbod voor stroom en/of gas.
        </p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    13

    Element location

    .postal-code

    Element source

    <div class="form-item postal-code required align-vertical" be-tab-index="1">

    Fix any of the following:

    • Some page content is not contained by landmarks
    14

    Element location

    .house-number

    Element source

    <div class="form-item required align-vertical house-number" be-tab-index="2">

    Fix any of the following:

    • Some page content is not contained by landmarks
    15

    Element location

    .select > label

    Element source

    <label>
                Toevoeging
            <span> *</span></label>

    Fix any of the following:

    • Some page content is not contained by landmarks
    16

    Element location

    .overlay-toggle

    Element source

    <div class="overlay-toggle"><span class="text">Selecteer</span><span class="toggle"></span></div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    17

    Element location

    #form_intro > .black

    Element source

    <h3 class="black">
            Wat is je jaarverbruik?
    
            <span class="tooltip">
                Het jaarverbruik vind je op je jaarrekening van je huidige leverancier.
            </span>
        </h3>

    Fix any of the following:

    • Some page content is not contained by landmarks
    18

    Element location

    div[be-tab-index="4"]

    Element source

    <div class="form-item electricity required align-vertical" be-tab-index="4">

    Fix any of the following:

    • Some page content is not contained by landmarks
    19

    Element location

    #gasUsageInput

    Element source

    <div class="form-item gas required align-vertical" id="gasUsageInput" be-tab-index="6">

    Fix any of the following:

    • Some page content is not contained by landmarks
    20

    Element location

    .has-double-meter-input

    Element source

    <div class="form-item checkbox white has-double-meter-input" be-tab-index="7">

    Fix any of the following:

    • Some page content is not contained by landmarks
    21

    Element location

    #calculate-usage

    Element source

    <a id="calculate-usage" class="info-link-right calculate-usage">
            Of maak een schatting van mijn jaarverbruik
        </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    22

    Element location

    .discount-label

    Element source

    <div class="discount-label">
                    
              Combineer Budget Energie met Budget Mobiel en/of<br>Budget Alles-in-1 en krijg elke maand<br>combikorting.
            
                </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    23

    Element location

    .usps

    Element source

    <div class="usps">

    Fix any of the following:

    • Some page content is not contained by landmarks
    24

    Element location

    .content-wrapper:nth-child(4)

    Element source

    <div class="content-wrapper
    
        
        ">

    Fix any of the following:

    • Some page content is not contained by landmarks
    25

    Element location

    .white.content-wrapper:nth-child(5)

    Element source

    <div class="content-wrapper
    
        
                white
        ">

    Fix any of the following:

    • Some page content is not contained by landmarks
    26

    Element location

    .content-wrapper:nth-child(6)

    Element source

    <div class="content-wrapper
    
        
        ">

    Fix any of the following:

    • Some page content is not contained by landmarks
    27

    Element location

    .content-wrapper.green

    Element source

    <div class="content-wrapper
    
                green
        ">

    Fix any of the following:

    • Some page content is not contained by landmarks
    28

    Element location

    .white.content-wrapper:nth-child(8)

    Element source

    <div class="content-wrapper
    
        
                white
        ">

    Fix any of the following:

    • Some page content is not contained by landmarks
    29

    Element location

    .content-wrapper:nth-child(9)

    Element source

    <div class="content-wrapper
    
        
        ">

    Fix any of the following:

    • Some page content is not contained by landmarks
    30

    Element location

    .white.content-wrapper:nth-child(10)

    Element source

    <div class="content-wrapper
    
        
                white
        ">

    Fix any of the following:

    • Some page content is not contained by landmarks
    31

    Element location

    .content-wrapper:nth-child(11)

    Element source

    <div class="content-wrapper
    
        
        ">

    Fix any of the following:

    • Some page content is not contained by landmarks
    32

    Element location

    #footer

    Element source

    <div id="footer">

    Fix any of the following:

    • Some page content is not contained by landmarks
    33

    Element location

    .popup-window > .informal-3.green

    Element source

    <h3 class="informal-3 green">
                Budget thuis cookies
            </h3>

    Fix any of the following:

    • Some page content is not contained by landmarks
    34

    Element location

    .popup-window > p

    Element source

    <p data-gtm-vis-has-fired-569483_277="1">

    Fix any of the following:

    • Some page content is not contained by landmarks
    35

    Element location

    .default-consent-content

    Element source

    <div class="default-consent-content">

    Fix any of the following:

    • Some page content is not contained by landmarks
    # Description Axe rule ID WCAG Nodes passed check
    1 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 3
    2 ARIA role should be appropriate for the element aria-allowed-role Best practice 1
    3 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2 1
    4 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    5 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 1
    6 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 1
    7 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 3
    8 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 3
    9 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5 5
    10 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 8
    11 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    12 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 79
    13 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    14 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 7
    15 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 26
    16 Headings should not be empty empty-heading Best practice 19
    17 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2 5
    18 Frames should have a unique title attribute frame-title-unique Best practice 1
    19 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2 1
    20 Heading levels should only increase by one heading-order Best practice 19
    21 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    22 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    23 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 42
    24 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 5
    25 Alternative text of images should not be repeated as text image-redundant-alt Best practice 5
    26 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2 1
    27 Form elements should have a visible label label-title-only Best practice 5
    28 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 2
    29 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 58
    30 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 6
    31 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 43
    32 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    33 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 8
    34 All page content should be contained by landmarks region Best practice 257
    35 Elements should not have tabindex greater than zero tabindex Best practice 2

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 17
    2 Frames should be tested with axe-core frame-tested Best practice 1
    3 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 5

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice
    4 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    5 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    6 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    7 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
    8 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
    9 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
    10 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    11 "role=text" should have no focusable descendants aria-text Best practice
    12 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    13 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    14 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    15 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    16 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2
    17 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    18 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    19 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1
    20 Table header text must not be empty empty-table-header WCAG 1.3.1
    21 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    22 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    23 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    24 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice
    25 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
    26 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice
    27 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice
    28 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice
    29 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice
    30 Document should not have more than one main landmark landmark-no-duplicate-main Best practice
    31 Ensures landmarks are unique landmark-unique Best practice
    32 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    33 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    34 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    35 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    36 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    37 scope attribute should be used correctly scope-attr-valid Best practice
    38 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
    39 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    40 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    41 The skip-link target should exist and be focusable skip-link Best practice
    42 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    43 tables should not have the same summary and caption table-duplicate-name Best practice
    44 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    45 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    46 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
    47 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  13. AXE Accessibility Results

    axe-core found 39 violations
    # Description Axe rule ID WCAG Impact Count
    1 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 critical 1
    2 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 14
    3 Document should have one main landmark landmark-one-main Best practice moderate 1
    4 Ensures landmarks are unique landmark-unique Best practice moderate 1
    5 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 serious 6
    6 Zooming and scaling should not be disabled meta-viewport Best practice critical 1
    7 All page content should be contained by landmarks region Best practice moderate 15

    Failed

    1. Buttons must have discernible text
    Learn more
    button-name
    WCAG 2 Level A, WCAG 4.1.2

    Ensures buttons have discernible text

    critical
    Issue Tags: cat.name-role-value wcag2a wcag412 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .df-header-search-clear

    Element source

    <button type="submit" class="df-header-search-clear">
                                                <span class="df-header-search-clear__icon"></span>
                                            </button>

    Fix any of the following:

    • Element does not have inner text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    2. Elements must have sufficient color contrast
    Learn more
    color-contrast
    WCAG 2 Level AA, WCAG 1.4.3

    Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

    serious
    Issue Tags: cat.color wcag2aa wcag143
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .df-header-tab--active

    Element source

    <a class="df-header-tab df-header-tab--active" href="/">Thuis</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.61 (foreground color: #1b8ece, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .df-header-tab--active
    2

    Element location

    a[title="Grip op energie"]

    Element source

    <a data-udi="umb://document/a3939cb9b73e403d99ba4c0b15e7080d" href="/service/grip-op-energie/" title="Grip op energie">speciale pagina</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.85 (foreground color: #1b8ece, background color: #d1e8f5, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .alert
    3

    Element location

    .col-lg-4.col-md-12.mb-1 > .h-100.stretch_column_content > .flex-fill.d-flex:nth-child(2) > .card.shadow.d-flex > .card-header.theme-primary > .card-title.theme-primary.mb-0

    Element source

    <h3 class="card-title theme-primary mb-0">
    			Groene stroom &amp; (groen) gas
    			</h3>

    Fix any of the following:

    • Element has insufficient color contrast of 3.61 (foreground color: #ffffff, background color: #1b8ece, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .col-lg-4.col-md-12.mb-1 > .h-100.stretch_column_content > .flex-fill.d-flex:nth-child(2) > .card.shadow.d-flex > .card-header.theme-primary > .card-title.theme-primary.mb-0
    4

    Element location

    a[href$="wekker/"] > .small

    Element source

    <p class="small" style="text-align: center;">Of zet alvast de overstapwekker</p>

    Fix any of the following:

    • Element has insufficient color contrast of 3.61 (foreground color: #1b8ece, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .col-lg-4.col-md-12.mb-1 > .h-100.stretch_column_content > .flex-fill.d-flex:nth-child(2) > .card.shadow.d-flex
    5

    Element location

    .col-md-6.col-lg-4.mb-1:nth-child(3) > .h-100.stretch_column_content > .flex-fill.d-flex:nth-child(2) > .card.shadow.d-flex > .card-header.theme-primary > .card-title.theme-primary.mb-0

    Element source

    <h3 class="card-title theme-primary mb-0">
    			Isoleren, verwarmen, opwekken
    			</h3>

    Fix any of the following:

    • Element has insufficient color contrast of 3.61 (foreground color: #ffffff, background color: #1b8ece, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .col-md-6.col-lg-4.mb-1:nth-child(3) > .h-100.stretch_column_content > .flex-fill.d-flex:nth-child(2) > .card.shadow.d-flex > .card-header.theme-primary > .card-title.theme-primary.mb-0
    6

    Element location

    .flex-fill.d-flex:nth-child(2) > .card.shadow.d-flex > .flex-grow-0 > .card-body > .single.p-0.container-fluid > .row > .col-lg-12.column.col-12 > div > div:nth-child(1) > .btn-warning.btn-labeled-left[href$="duurzame-oplossingen/"]

    Element source

    <a href="/duurzame-oplossingen/" class="btn  btn-warning btn-block btn-labeled-left backofficeId "><span class="btn-label" style="float: left;"><i class="fa fa-fw dfn-icon-83-zonnepanelen-01"></i></span>Bekijk duurzame oplossingen
            </a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.24 (foreground color: #ffffff, background color: #f39900, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .flex-fill.d-flex:nth-child(2) > .card.shadow.d-flex > .flex-grow-0 > .card-body > .single.p-0.container-fluid > .row > .col-lg-12.column.col-12 > div > div:nth-child(1) > .btn-warning.btn-labeled-left[href$="duurzame-oplossingen/"]
    7

    Element location

    .col-md-6.col-lg-4.mb-1:nth-child(3) > .h-100.stretch_column_content > .flex-fill.d-flex:nth-child(2) > .card.shadow.d-flex > .flex-grow-0 > .card-body > .single.p-0.container-fluid > .row > .col-lg-12.column.col-12 > div > div:nth-child(2) > .pt-2 > a > .small

    Element source

    <p class="small" style="text-align: center;">Of lees meer over de Duurzame DELTA Deals</p>

    Fix any of the following:

    • Element has insufficient color contrast of 3.61 (foreground color: #1b8ece, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .col-md-6.col-lg-4.mb-1:nth-child(3) > .h-100.stretch_column_content > .flex-fill.d-flex:nth-child(2) > .card.shadow.d-flex
    8

    Element location

    .btn-success.btn-labeled-left[href$="mijn.deltaenergie.nl"]

    Element source

    <a href="https://mijn.deltaenergie.nl" target="_blank" class="btn  btn-success btn-block btn-labeled-left backofficeId "><span class="btn-label" style="float: left;"><i class="fa fa-fw dfn-icon-77-uitleg_mijndelta-01"></i></span>Ga naar MijnDELTA
            </a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.11 (foreground color: #ffffff, background color: #95c11f, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .btn-success.btn-labeled-left[href$="mijn.deltaenergie.nl"]
    9

    Element location

    a[href$="service/"] > .small

    Element source

    <p class="small" style="text-align: center;">Of ga naar de servicepagina</p>

    Fix any of the following:

    • Element has insufficient color contrast of 3.61 (foreground color: #1b8ece, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .col-md-6.col-lg-4.mb-1:nth-child(4) > .h-100.stretch_column_content > .flex-fill.d-flex:nth-child(2) > .card.shadow.d-flex
    10

    Element location

    .footer__copyright

    Element source

    <div class="footer__copyright my-1">Alle rechten voorbehouden. <i class="fal fa-copyright fa-fw" aria-hidden="true"></i> DELTA Energie B.V.</div>

    Fix any of the following:

    • Element has insufficient color contrast of 4.37 (foreground color: #bfd2db, background color: #025f95, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    footer
    11

    Element location

    .d-xl-inline-block

    Element source

    <span class="d-none d-xl-inline-block text-accent-secondary">XL</span>

    Fix any of the following:

    • Element has insufficient color contrast of 1.24 (foreground color: #1b6fa0, background color: #025f95, font size: 6.0pt (8px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    footer
    12

    Element location

    #onetrust-policy-text > a

    Element source

    <a href="https://www.deltaenergie.nl/cookies" aria-label="Meer informatie over ons cookiebeleid">Cookiebeleid</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.63 (foreground color: #008ecf, background color: #ffffff, font size: 9.8pt (13.008px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    #onetrust-banner-sdk
    13

    Element location

    #onetrust-accept-btn-handler

    Element source

    <button id="onetrust-accept-btn-handler">Cookies accepteren</button>

    Fix any of the following:

    • Element has insufficient color contrast of 3.63 (foreground color: #ffffff, background color: #008ecf, font size: 9.8pt (13.008px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #onetrust-accept-btn-handler
    14

    Element location

    #onetrust-pc-btn-handler

    Element source

    <button id="onetrust-pc-btn-handler" class="cookie-setting-link">Cookie voorkeuren</button>

    Fix any of the following:

    • Element has insufficient color contrast of 3.63 (foreground color: #008ecf, background color: #ffffff, font size: 9.8pt (13.008px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #onetrust-pc-btn-handler
    3. Document should have one main landmark
    Learn more
    landmark-one-main
    Best practice

    Ensures the document has a main landmark

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html lang="nl" class="">

    Fix all of the following:

    • Document does not have a main landmark
    4. Ensures landmarks are unique
    Learn more
    landmark-unique
    Best practice

    Landmarks should have a unique role or role/label/title (i.e. accessible name) combination

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .df-header-offsite

    Element source

    <nav class="df-header-offsite">
                                    <a class="df-header-topbar-link" href="https://www.delta.nl/">Internet, tv en bellen<span class="df-header-topbar-link__open-in-new"></span></a>
    
                        </nav>

    Fix any of the following:

    • The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable

    Related node:

    .df-header-tabs
    5. Links must have discernible text
    Learn more
    link-name
    WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4

    Ensures links have discernible text

    serious
    Issue Tags: cat.name-role-value wcag2a wcag412 wcag244 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .flex-fill.d-flex:nth-child(2) > .card.shadow.d-flex > .flex-grow-1 > .card-body > p:nth-child(3) > a[data-anchor="#"][href="#"]

    Element source

    <a href="#" data-anchor="#"></a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    2

    Element location

    .footer__logo

    Element source

    <a href="/" class="footer__logo mb-4 mt-4 mt-md-0"></a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    3

    Element location

    .order-5 > a[target="_blank"]:nth-child(1)

    Element source

    <a href="https://www.facebook.com/deltaenergienl" target="_blank">
                                    <i class="fab fa-facebook-square fa-2x" aria-hidden="true"></i>
                                </a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    4

    Element location

    a[target="_blank"]:nth-child(2)

    Element source

    <a href="https://www.instagram.com/deltanl" target="_blank">
                                    <i class="fab fa-instagram fa-2x" aria-hidden="true"></i>
                                </a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    5

    Element location

    a[target="_blank"]:nth-child(3)

    Element source

    <a href="https://www.linkedin.com/company/deltaenergienl" target="_blank">
                                    <i class="fab fa-linkedin fa-2x" aria-hidden="true"></i>
                                </a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    6

    Element location

    a[target="_blank"]:nth-child(4)

    Element source

    <a href="https://www.twitter.com/deltaenergienl" target="_blank">
                                    <i class="fab fa-twitter-square fa-2x" aria-hidden="true"></i>
                                </a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    6. Zooming and scaling should not be disabled
    Learn more
    meta-viewport
    Best practice

    Ensures <meta name="viewport"> does not disable text scaling and zooming

    critical
    Issue Tags: cat.sensory-and-visual-cues best-practice ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    meta[name="viewport"]

    Element source

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    Fix any of the following:

    • user-scalable=no on <meta> tag disables zooming on mobile devices
    7. All page content should be contained by landmarks
    Learn more
    region
    Best practice

    Ensures all page content is contained by landmarks

    moderate
    Issue Tags: cat.keyboard best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .df-header-logo

    Element source

    <a class="df-header-logo" href="/">
                                <img src="/assets/images/delta/logo-delta-blue.svg" alt="DELTA Energie">
                            </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    2

    Element location

    .df-header-toplevel-link[href$="groene-stroom-gas/"]

    Element source

    <a class="df-header-toplevel-link" href="/groene-stroom-gas/">
            <span class="df-header-toplevel-link__label">Groene stroom &amp; gas</span>
        </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    3

    Element location

    .df-header-toplevel-link[href$="duurzame-oplossingen/"]

    Element source

    <a class="df-header-toplevel-link" href="/duurzame-oplossingen/">
            <span class="df-header-toplevel-link__label">Duurzame oplossingen</span>
        </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    4

    Element location

    .df-header-toplevel-link[href$="service/"]

    Element source

    <a class="df-header-toplevel-link" href="/service/">
            <span class="df-header-toplevel-link__label">Service &amp; zelf regelen</span>
        </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    5

    Element location

    .df-header-icon-btn--mijndelta > .df-header-icon-btn__label

    Element source

    <div class="df-header-icon-btn__label">MijnDELTA</div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    6

    Element location

    .alert

    Element source

    <div class="alert alert-info border-top border-left-0 mb-0">

    Fix any of the following:

    • Some page content is not contained by landmarks
    7

    Element location

    .jumbotron

    Element source

    <div class="jumbotron jumbotron-fluid jumbotron-delta has-inner-shadow hide-image" style="background-image: url(&quot;/media/1494/header-delta-energie-voordelen.jpg?center=0.583011583011583,0.79166666666666663&amp;mode=crop&amp;width=1440&amp;height=370&amp;rnd=132834618900000000&quot;);">

    Fix any of the following:

    • Some page content is not contained by landmarks
    8

    Element location

    .no_margin.mb-5 > .container > .py-3.basic-grid-row.row > .col-lg-4.col-md-12.mb-1

    Element source

    <div class="col-12 mb-1 mb-md-0 col-md-12 col-lg-4 column stretch_column_content">

    Fix any of the following:

    • Some page content is not contained by landmarks
    9

    Element location

    .no_margin.mb-5 > .container > .py-3.basic-grid-row.row > .col-md-6.col-lg-4.mb-1:nth-child(3)

    Element source

    <div class="col-12 mb-1 mb-md-0 col-md-6 col-lg-4 column stretch_column_content">

    Fix any of the following:

    • Some page content is not contained by landmarks
    10

    Element location

    .col-md-6.col-lg-4.mb-1:nth-child(4)

    Element source

    <div class="col-12 mb-1 mb-md-0 col-md-6 col-lg-4 column stretch_column_content">

    Fix any of the following:

    • Some page content is not contained by landmarks
    11

    Element location

    .pb-4.mb-4

    Element source

    <h2 class="pb-4 mb-4">Wat onze klanten zeggen</h2>

    Fix any of the following:

    • Some page content is not contained by landmarks
    12

    Element location

    .faded-bg-reversed > .container > .py-3.basic-grid-row.row > .col-lg-8.col-md-12.mb-1

    Element source

    <div class="col-12 mb-1 mb-md-0 col-md-12 col-lg-8 column stretch_column_content">

    Fix any of the following:

    • Some page content is not contained by landmarks
    13

    Element location

    .faded-bg-reversed > .container > .py-3.basic-grid-row.row > .col-md-6.col-lg-4.mb-1

    Element source

    <div class="col-12 mb-1 mb-md-0 col-md-6 col-lg-4 column stretch_column_content">

    Fix any of the following:

    • Some page content is not contained by landmarks
    14

    Element location

    .faded-bg > .container > .py-3.basic-grid-row.row > .col-lg-4.col-md-12.mb-1

    Element source

    <div class="col-12 mb-1 mb-md-0 col-md-12 col-lg-4 column stretch_column_content">

    Fix any of the following:

    • Some page content is not contained by landmarks
    15

    Element location

    .faded-bg > .container > .py-3.basic-grid-row.row > .col-lg-8.col-md-12.mb-1

    Element source

    <div class="col-12 mb-1 mb-md-0 col-md-12 col-lg-8 column stretch_column_content">

    Fix any of the following:

    • Some page content is not contained by landmarks
    # Description Axe rule ID WCAG Nodes passed check
    1 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 4
    2 ARIA role should be appropriate for the element aria-allowed-role Best practice 9
    3 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice 1
    4 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    5 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 14
    6 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 2
    7 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 2
    8 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 4
    9 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 4
    10 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 19
    11 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 4
    12 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    13 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 50
    14 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    15 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 4
    16 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1 18
    17 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 56
    18 Headings should not be empty empty-heading Best practice 17
    19 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2 1
    20 Frames should have a unique title attribute frame-title-unique Best practice 1
    21 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2 1
    22 Heading levels should only increase by one heading-order Best practice 17
    23 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    24 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    25 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 42
    26 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 3
    27 Alternative text of images should not be repeated as text image-redundant-alt Best practice 3
    28 Form elements should have a visible label label-title-only Best practice 1
    29 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 1
    30 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice 1
    31 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice 1
    32 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice 1
    33 Ensures landmarks are unique landmark-unique Best practice 1
    34 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 42
    35 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 7
    36 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 32
    37 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    38 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 10
    39 Page should contain a level-one heading page-has-heading-one Best practice 1
    40 All page content should be contained by landmarks region Best practice 290
    41 Elements should not have tabindex greater than zero tabindex Best practice 1

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 18
    2 Frames should be tested with axe-core frame-tested Best practice 1

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
    4 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    5 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    6 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
    7 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
    8 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
    9 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    10 "role=text" should have no focusable descendants aria-text Best practice
    11 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    12 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    13 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    14 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5
    15 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    16 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    17 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    18 Table header text must not be empty empty-table-header WCAG 1.3.1
    19 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    20 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    21 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
    22 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    23 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice
    24 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
    25 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice
    26 Document should not have more than one main landmark landmark-no-duplicate-main Best practice
    27 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    28 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    29 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    30 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    31 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    32 scope attribute should be used correctly scope-attr-valid Best practice
    33 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
    34 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    35 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    36 The skip-link target should exist and be focusable skip-link Best practice
    37 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    38 tables should not have the same summary and caption table-duplicate-name Best practice
    39 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    40 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    41 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
    42 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  14. AXE Accessibility Results

    axe-core found 31 violations
    # Description Axe rule ID WCAG Impact Count
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 29
    2 Document should have one main landmark landmark-one-main Best practice moderate 1
    3 Page should contain a level-one heading page-has-heading-one Best practice moderate 1

    Failed

    1. Elements must have sufficient color contrast
    Learn more
    color-contrast
    WCAG 2 Level AA, WCAG 1.4.3

    Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

    serious
    Issue Tags: cat.color wcag2aa wcag143
    # Issue Description To solve this violation, you need to...
    1

    Element location

    h3

    Element source

    <h3 class="c1i9uuvz c7ha7o5 c1senjqc cdpqsto c733qfk s1ctra2f c1senjqc">en wij regelen je overstap</h3>

    Fix any of the following:

    • Element has insufficient color contrast of 2.54 (foreground color: #fb803c, background color: #ffffff, font size: 15.8pt (21px), font weight: bold). Expected contrast ratio of 3:1

    Related node:

    #offer
    2

    Element location

    label[for="postalCode"]

    Element source

    <label class="chhycm3 l495bo5" for="postalCode">Postcode</label>

    Fix any of the following:

    • Element has insufficient color contrast of 2.89 (foreground color: #8b9aa4, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #postalCode
    3

    Element location

    label[for="houseNumber"]

    Element source

    <label class="chhycm3 l495bo5" for="houseNumber">Huisnr.</label>

    Fix any of the following:

    • Element has insufficient color contrast of 2.89 (foreground color: #8b9aa4, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #houseNumber
    4

    Element location

    button[data-fill-width=""] > span[data-content=""]

    Element source

    <span data-content="">

    Fix any of the following:

    • Element has insufficient color contrast of 2.54 (foreground color: #ffffff, background color: #fb803c, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    button[data-fill-width=""]
    5

    Element location

    .c1b2eqhz[data-variant="default"]:nth-child(5) > .c1senjqc.cj4s8tn.b14mi9t3

    Element source

    <div data-variant="small" class="cj4s8tn c1senjqc b10rog9o b14mi9t3">Je kunt weg wanneer je wil, zonder boete!</div>

    Fix any of the following:

    • Element has insufficient color contrast of 2.54 (foreground color: #fb803c, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #offer
    6

    Element location

    .c1b2eqhz[data-variant="default"]:nth-child(6) > .c1senjqc.cj4s8tn.b14mi9t3

    Element source

    <div data-variant="small" class="cj4s8tn c1senjqc b10rog9o b14mi9t3">We passen dagelijks de verwachte energiekosten aan</div>

    Fix any of the following:

    • Element has insufficient color contrast of 2.54 (foreground color: #fb803c, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #offer
    7

    Element location

    .c1u5cz5t.i1thxm72[data-variant="blue"] > .c1grx5r9.c1i9uuvz[mb="24"]

    Element source

    <div data-variant="large" class="c1i9uuvz cpbdfw5 c1grx5r9 b10rog9o b16lh3za" mb="24">

    Fix any of the following:

    • Element has insufficient color contrast of 2.89 (foreground color: #8b9aa4, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .c1u5cz5t.i1thxm72[data-variant="blue"]
    8

    Element location

    .c116yahy.c1pbtns7[data-variant="blue"]

    Element source

    <button class="cli55xk c116yahy c50xyd9 c36me8y c1pbtns7 c1k9n2l2 c1swczg9 c1mq9m8w c10fx9n1 l1a7ou4g c16yd0x9" data-size="regular" data-variant="blue" href="/goedkoop">

    Fix any of the following:

    • Element has insufficient color contrast of 2.4 (foreground color: #ffffff, background color: #2fb6d2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .c116yahy.c1pbtns7[data-variant="blue"]
    9

    Element location

    .c1u5cz5t.i1thxm72[data-variant="green"] > .c1grx5r9.c1i9uuvz[mb="24"]

    Element source

    <div data-variant="large" class="c1i9uuvz cpbdfw5 c1grx5r9 b10rog9o b16lh3za" mb="24">Onze stroom wordt duurzaam opgewekt uit Nederlandse zon- en windparken. We helpen je minder te verbruiken en we compenseren de CO2-uitstoot voor het gas dat je nog wel verbruikt.</div>

    Fix any of the following:

    • Element has insufficient color contrast of 2.89 (foreground color: #8b9aa4, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .c1u5cz5t.i1thxm72[data-variant="green"]
    10

    Element location

    .c116yahy.c1pbtns7[data-variant="green"]

    Element source

    <button class="cli55xk c116yahy c50xyd9 c36me8y c1pbtns7 c1k9n2l2 c1swczg9 c1mq9m8w c10fx9n1 l1a7ou4g c16yd0x9" data-size="regular" data-variant="green" href="/groen">

    Fix any of the following:

    • Element has insufficient color contrast of 2.16 (foreground color: #ffffff, background color: #6dc544, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .c116yahy.c1pbtns7[data-variant="green"]
    11

    Element location

    .c1u5cz5t.i1thxm72[data-variant="orange"] > .c1grx5r9.c1i9uuvz[mb="24"]

    Element source

    <div data-variant="large" class="c1i9uuvz cpbdfw5 c1grx5r9 b10rog9o b16lh3za" mb="24">Je krijgt altijd inzicht in je kosten en je verbruik. Je krijgt bespaartips die je kunt opvolgen of niet. En je kan bij ons weggaan wanneer je wilt, zonder opgaaf van reden en zonder boete. </div>

    Fix any of the following:

    • Element has insufficient color contrast of 2.89 (foreground color: #8b9aa4, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .c1u5cz5t.i1thxm72[data-variant="orange"]
    12

    Element location

    .c1qpniwm.c1lqt8q9.c733qfk > .c1grx5r9.b14mi9t3[data-variant="small"]

    Element source

    <div data-variant="small" class="cpbdfw5 c1grx5r9 b10rog9o b14mi9t3">Inschatting van verdeling kosten/opbrengsten uit maandelijkse vergoeding Frank. De werkelijke verdeling is afhankelijk van onze groei.</div>

    Fix any of the following:

    • Element has insufficient color contrast of 2.89 (foreground color: #8b9aa4, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
    13

    Element location

    a[data-variant-secondary=""][href$="goedkoop"][data-icon-right=""] > span[data-content=""]

    Element source

    <span data-content="">

    Fix any of the following:

    • Element has insufficient color contrast of 2.4 (foreground color: #ffffff, background color: #2fb6d2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    a[data-variant-secondary=""][href$="goedkoop"][data-icon-right=""]
    14

    Element location

    .c19z88yu > .c1grx5r9.b16lh3za[data-variant="large"]

    Element source

    <div data-variant="large" class="cpbdfw5 c1grx5r9 b10rog9o b16lh3za">De consument betaalde voor alle risico’s maar bleek er zelf niet tegen beschermd te zijn.</div>

    Fix any of the following:

    • Element has insufficient color contrast of 2.89 (foreground color: #8b9aa4, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .c173iyue
    15

    Element location

    a[data-variant-green=""] > span[data-content=""]

    Element source

    <span data-content="">

    Fix any of the following:

    • Element has insufficient color contrast of 2.16 (foreground color: #ffffff, background color: #6dc544, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    a[data-variant-green=""]
    16

    Element location

    a[data-variant-crusta=""][href$="grip"][data-icon-right=""] > span[data-content=""]

    Element source

    <span data-content="">

    Fix any of the following:

    • Element has insufficient color contrast of 2.54 (foreground color: #ffffff, background color: #fb803c, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    a[data-variant-crusta=""][href$="grip"][data-icon-right=""]
    17

    Element location

    .izyjt2l.c1q9cgf8[data-color-0=""]:nth-child(1) > .c112d6uu.b15p6psy.c1sfvmnj > .s1lrwqjl.c7ha7o5[data-variant="h6"]

    Element source

    <span data-variant="h6" class="c1mq9m8w c7ha7o5 s1lrwqjl">Dirk</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.4 (foreground color: #ffffff, background color: #2fb6d2, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .izyjt2l.c1q9cgf8[data-color-0=""]:nth-child(1) > .c112d6uu.b15p6psy.c1sfvmnj
    18

    Element location

    .izyjt2l.c1q9cgf8[data-color-0=""]:nth-child(1) > .c112d6uu.b15p6psy.c1sfvmnj > .b14mi9t3.cpbdfw5[data-variant="small"]

    Element source

    <div data-variant="small" class="cpbdfw5 c1mq9m8w b10rog9o b14mi9t3">Spaarndam</div>

    Fix any of the following:

    • Element has insufficient color contrast of 2.4 (foreground color: #ffffff, background color: #2fb6d2, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .izyjt2l.c1q9cgf8[data-color-0=""]:nth-child(1) > .c112d6uu.b15p6psy.c1sfvmnj
    19

    Element location

    .izyjt2l.c1q9cgf8[data-color-1=""]:nth-child(2) > .c112d6uu.b15p6psy.c1sfvmnj > .s1lrwqjl.c7ha7o5[data-variant="h6"]

    Element source

    <span data-variant="h6" class="c1mq9m8w c7ha7o5 s1lrwqjl">Gerit</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.16 (foreground color: #ffffff, background color: #6dc544, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .izyjt2l.c1q9cgf8[data-color-1=""]:nth-child(2) > .c112d6uu.b15p6psy.c1sfvmnj
    20

    Element location

    .izyjt2l.c1q9cgf8[data-color-1=""]:nth-child(2) > .c112d6uu.b15p6psy.c1sfvmnj > .b14mi9t3.cpbdfw5[data-variant="small"]

    Element source

    <div data-variant="small" class="cpbdfw5 c1mq9m8w b10rog9o b14mi9t3">Twello</div>

    Fix any of the following:

    • Element has insufficient color contrast of 2.16 (foreground color: #ffffff, background color: #6dc544, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .izyjt2l.c1q9cgf8[data-color-1=""]:nth-child(2) > .c112d6uu.b15p6psy.c1sfvmnj
    21

    Element location

    li[data-color-2=""] > .c112d6uu.b15p6psy.c1sfvmnj > .s1lrwqjl.c7ha7o5[data-variant="h6"]

    Element source

    <span data-variant="h6" class="c1mq9m8w c7ha7o5 s1lrwqjl">Hayke</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.54 (foreground color: #ffffff, background color: #fb803c, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    li[data-color-2=""] > .c112d6uu.b15p6psy.c1sfvmnj
    22

    Element location

    li[data-color-2=""] > .c112d6uu.b15p6psy.c1sfvmnj > .b14mi9t3.cpbdfw5[data-variant="small"]

    Element source

    <div data-variant="small" class="cpbdfw5 c1mq9m8w b10rog9o b14mi9t3">Amsterdam</div>

    Fix any of the following:

    • Element has insufficient color contrast of 2.54 (foreground color: #ffffff, background color: #fb803c, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    li[data-color-2=""] > .c112d6uu.b15p6psy.c1sfvmnj
    23

    Element location

    .izyjt2l.c1q9cgf8[data-color-0=""]:nth-child(4) > .c112d6uu.b15p6psy.c1sfvmnj > .s1lrwqjl.c7ha7o5[data-variant="h6"]

    Element source

    <span data-variant="h6" class="c1mq9m8w c7ha7o5 s1lrwqjl">Willem</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.4 (foreground color: #ffffff, background color: #2fb6d2, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .izyjt2l.c1q9cgf8[data-color-0=""]:nth-child(4) > .c112d6uu.b15p6psy.c1sfvmnj
    24

    Element location

    .izyjt2l.c1q9cgf8[data-color-0=""]:nth-child(4) > .c112d6uu.b15p6psy.c1sfvmnj > .b14mi9t3.cpbdfw5[data-variant="small"]

    Element source

    <div data-variant="small" class="cpbdfw5 c1mq9m8w b10rog9o b14mi9t3">Lemmer</div>

    Fix any of the following:

    • Element has insufficient color contrast of 2.4 (foreground color: #ffffff, background color: #2fb6d2, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .izyjt2l.c1q9cgf8[data-color-0=""]:nth-child(4) > .c112d6uu.b15p6psy.c1sfvmnj
    25

    Element location

    .izyjt2l.c1q9cgf8[data-color-1=""]:nth-child(5) > .c112d6uu.b15p6psy.c1sfvmnj > .s1lrwqjl.c7ha7o5[data-variant="h6"]

    Element source

    <span data-variant="h6" class="c1mq9m8w c7ha7o5 s1lrwqjl">Hilde</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.16 (foreground color: #ffffff, background color: #6dc544, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .izyjt2l.c1q9cgf8[data-color-1=""]:nth-child(5) > .c112d6uu.b15p6psy.c1sfvmnj
    26

    Element location

    .izyjt2l.c1q9cgf8[data-color-1=""]:nth-child(5) > .c112d6uu.b15p6psy.c1sfvmnj > .b14mi9t3.cpbdfw5[data-variant="small"]

    Element source

    <div data-variant="small" class="cpbdfw5 c1mq9m8w b10rog9o b14mi9t3">Holten</div>

    Fix any of the following:

    • Element has insufficient color contrast of 2.16 (foreground color: #ffffff, background color: #6dc544, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .izyjt2l.c1q9cgf8[data-color-1=""]:nth-child(5) > .c112d6uu.b15p6psy.c1sfvmnj
    27

    Element location

    .tthk7dm

    Element source

    <div data-variant="h3" class="tthk7dm c1i9uuvz c1frki17 c1mq9m8w c7ha7o5 s1lrwqjl">Wil je ook energie van Frank?</div>

    Fix any of the following:

    • Element has insufficient color contrast of 2.4 (foreground color: #ffffff, background color: #2fb6d2, font size: 27.0pt (36px), font weight: bold). Expected contrast ratio of 3:1

    Related node:

    .c1awq1s0
    28

    Element location

    .l6x2w8q.c1grx5r9.b14mi9t3

    Element source

    <div data-variant="small" class="l6x2w8q cpbdfw5 c1grx5r9 b10rog9o b14mi9t3">© 2021 Frank Energie</div>

    Fix any of the following:

    • Element has insufficient color contrast of 4.41 (foreground color: #8b9aa4, background color: #17354a, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    footer
    29

    Element location

    .bmphbon[data-variant-secondary=""][type="button"] > span[data-content=""]

    Element source

    <span data-content="">Alles accepteren</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.4 (foreground color: #ffffff, background color: #2fb6d2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .bmphbon[data-variant-secondary=""][type="button"]
    2. Document should have one main landmark
    Learn more
    landmark-one-main
    Best practice

    Ensures the document has a main landmark

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html lang="nl">

    Fix all of the following:

    • Document does not have a main landmark
    3. Page should contain a level-one heading
    Learn more
    page-has-heading-one
    Best practice

    Ensure that the page, or at least one of its frames contains a level-one heading

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html lang="nl">

    Fix all of the following:

    • Page must have a level-one heading
    # Description Axe rule ID WCAG Nodes passed check
    1 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 2
    2 ARIA role should be appropriate for the element aria-allowed-role Best practice 3
    3 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice 1
    4 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    5 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 13
    6 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 2
    7 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 2
    8 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 2
    9 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 2
    10 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 5
    11 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 2
    12 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    13 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 91
    14 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    15 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 1
    16 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1 14
    17 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 10
    18 Headings should not be empty empty-heading Best practice 1
    19 Heading levels should only increase by one heading-order Best practice 1
    20 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    21 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    22 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    23 Zooming and scaling should not be disabled meta-viewport Best practice 1
    24 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 2
    25 All page content should be contained by landmarks region Best practice 17
    26 Elements should not have tabindex greater than zero tabindex Best practice 1

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 13
    2 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 12

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
    4 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    5 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    6 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
    7 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
    8 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
    9 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    10 "role=text" should have no focusable descendants aria-text Best practice
    11 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    12 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    13 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    14 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5
    15 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    16 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    17 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    18 Table header text must not be empty empty-table-header WCAG 1.3.1
    19 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2
    20 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    21 Frames should be tested with axe-core frame-tested Best practice
    22 Frames should have a unique title attribute frame-title-unique Best practice
    23 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2
    24 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    25 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9
    26 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1
    27 Alternative text of images should not be repeated as text image-redundant-alt Best practice
    28 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
    29 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    30 Form elements should have a visible label label-title-only Best practice
    31 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    32 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice
    33 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
    34 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice
    35 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice
    36 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice
    37 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice
    38 Document should not have more than one main landmark landmark-no-duplicate-main Best practice
    39 Ensures landmarks are unique landmark-unique Best practice
    40 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4
    41 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1
    42 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1
    43 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    44 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    45 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    46 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    47 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    48 scope attribute should be used correctly scope-attr-valid Best practice
    49 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
    50 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    51 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    52 The skip-link target should exist and be focusable skip-link Best practice
    53 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    54 tables should not have the same summary and caption table-duplicate-name Best practice
    55 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    56 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    57 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
    58 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  15. AXE Accessibility Results

    axe-core found 52 violations
    # Description Axe rule ID WCAG Impact Count
    1 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 critical 1
    2 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 critical 2
    3 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 19
    4 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 minor 19
    5 Heading levels should only increase by one heading-order Best practice moderate 3
    6 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 critical 2
    7 Ensures landmarks are unique landmark-unique Best practice moderate 1
    8 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 serious 2
    9 Zooming and scaling should not be disabled meta-viewport Best practice critical 1
    10 All page content should be contained by landmarks region Best practice moderate 2

    Failed

    1. ARIA attributes must conform to valid values
    Learn more
    aria-valid-attr-value
    WCAG 2 Level A, WCAG 4.1.2

    Ensures all ARIA attributes have valid values

    critical
    Issue Tags: cat.aria wcag2a wcag412
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .header__search-button

    Element source

    <button class="header__search-button" aria-controls="search-modal" aria-label="Zoeken" js-hook-header-search-open="">

    Fix all of the following:

    • Invalid ARIA attribute value: aria-controls="search-modal"
    2. Buttons must have discernible text
    Learn more
    button-name
    WCAG 2 Level A, WCAG 4.1.2

    Ensures buttons have discernible text

    critical
    Issue Tags: cat.name-role-value wcag2a wcag412 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .header__search-close

    Element source

    <button type="button" class="header__search-close" js-hook-header-search-close="">

    Fix any of the following:

    • Element does not have inner text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    2

    Element location

    .c-hero-scroll-indicator

    Element source

    <button class="c-hero-scroll-indicator c-hero-scroll-indicator--visible" js-hook-hero-scroll-indicator="">

    Fix any of the following:

    • Element does not have inner text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    3. Elements must have sufficient color contrast
    Learn more
    color-contrast
    WCAG 2 Level AA, WCAG 1.4.3

    Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

    serious
    Issue Tags: cat.color wcag2aa wcag143
    # Issue Description To solve this violation, you need to...
    1

    Element location

    a[title="Ontdek Het gemak van ENGIE"] > .button__label

    Element source

    <span class="button__label">Ontdek hoe</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.44 (foreground color: #f5f5f5, background color: #ff7708, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    a[title="Ontdek Het gemak van ENGIE"]
    2

    Element location

    a[title="Download de ENGIE-app"] > .button__label

    Element source

    <span class="button__label">Download de app</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.75 (foreground color: #f5f5f5, background color: #009de9, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    a[title="Download de ENGIE-app"]
    3

    Element location

    #TextAndTitle-2bb19800-d2c7-4ecb-a62d-35b0ef3b0a2d > .o-container > .o-grid > .o-col-7--md.o-col-12 > .c-title-text.s-rich-text > p > a

    Element source

    <a href="https://www.engie.nl/klantenservice/veelgestelde-vragen-prinsjesdag">Prinsjesdag Q&amp;A</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #009de9, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    html
    4

    Element location

    #button-874a6bd0-d3f5-4885-baab-663ac914eb61 > .button__label

    Element source

    <span id="ButtonTitle" class="button__label">Ontdek onze laadpalen</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.44 (foreground color: #f5f5f5, background color: #ff7708, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #button-874a6bd0-d3f5-4885-baab-663ac914eb61
    5

    Element location

    .u-margin-left--xxs > .button__label

    Element source

    <span class="button__label">Vraag direct een offerte aan</span>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #009de9, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .u-margin-left--xxs
    6

    Element location

    a[rel="noopener noreferrer"][target="_blank"]:nth-child(1)

    Element source

    <a rel="noopener noreferrer" href="https://play.google.com/store/apps/details?id=nl.engie.engieapp" target="_blank">Android</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #009de9, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    html
    7

    Element location

    a[rel="noopener noreferrer"][target="_blank"]:nth-child(2)

    Element source

    <a rel="noopener noreferrer" href="https://apps.apple.com/nl/app/engie-energie-nl/id1046782864" target="_blank">iOS</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #009de9, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    html
    8

    Element location

    #TextAndTitle-54bc18ea-78fb-4194-bee4-c153fccd909e > .o-container > .o-grid > .o-col-7--md.o-col-12 > .c-title-text.s-rich-text > p:nth-child(2) > a:nth-child(1)

    Element source

    <a href="https://www.engie.nl/product-advies/energie-besparen">energie besparen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #009de9, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    html
    9

    Element location

    .c-title-text.s-rich-text > p:nth-child(2) > a:nth-child(2)

    Element source

    <a href="https://www.engie.nl/product-advies/zonnepanelen">zonnepanelen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #009de9, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    html
    10

    Element location

    p:nth-child(2) > a:nth-child(3)

    Element source

    <a href="https://www.engie.nl/product-advies/isolatie">isolatie</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #009de9, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    html
    11

    Element location

    p:nth-child(2) > a:nth-child(4)

    Element source

    <a href="https://www.engie.nl/product-advies/warmtepomp">warmtepomp</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #009de9, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    html
    12

    Element location

    p:nth-child(2) > a:nth-child(5)

    Element source

    <a href="https://www.engie.nl/product-advies/laadpalen">laadpaal</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #009de9, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    html
    13

    Element location

    p:nth-child(2) > a:nth-child(6)

    Element source

    <a href="https://www.engie.nl/product-advies/woningscan">persoonlijk energieadvies</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #009de9, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    html
    14

    Element location

    p:nth-child(3) > a:nth-child(1)

    Element source

    <a href="https://www.engie.nl/energie/groene-stroom">groene stroom</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #009de9, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    html
    15

    Element location

    p:nth-child(3) > a:nth-child(2)

    Element source

    <a href="https://www.engie.nl/energie/co2-gecompenseerd-gas">CO<sub>2</sub>-gecompenseerd gas</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #009de9, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    html
    16

    Element location

    p:nth-child(3) > a:nth-child(4)

    Element source

    <a href="https://www.engie.nl/energie/energiekosten-berekenen">energiekosten berekenen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #009de9, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    html
    17

    Element location

    p:nth-child(3) > a:nth-child(5)

    Element source

    <a href="https://www.engie.nl/verduurzamen/zonne-energie">zonne-energie</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #009de9, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    html
    18

    Element location

    p:nth-child(3) > a:nth-child(6)

    Element source

    <a href="https://www.engie.nl/verduurzamen/windenergie">windenergie</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #009de9, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    html
    19

    Element location

    #button-fe28ae57-dc6e-4461-9324-4c8cf1f9a0df > .button__label

    Element source

    <span id="ButtonTitle" class="button__label">Meld je direct aan</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.44 (foreground color: #f5f5f5, background color: #ff7708, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #button-fe28ae57-dc6e-4461-9324-4c8cf1f9a0df
    4. id attribute value must be unique
    Learn more
    duplicate-id
    WCAG 2 Level A, WCAG 4.1.1

    Ensures every id attribute value is unique

    minor
    Issue Tags: cat.parsing wcag2a wcag411
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .button__icon > .svg--icons-looking-glass[height="18"][viewBox="0 0 18 18"] > g[fill="none"] > path[fill="#212121"]

    Element source

    <path d="M11.71 11l-.28-.27A6.471 6.471 0 0013 6.5 6.5 6.5 0 106.5 13c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L17.49 16l-4.99-5h-.79zM6.5 11C4.01 11 2 8.99 2 6.5S4.01 2 6.5 2 11 4.01 11 6.5 8.99 11 6.5 11z" id="shade" fill="#212121"></path>

    Fix any of the following:

    • Document has multiple static elements with the same id attribute: shade

    Related node:

    .header__search-button > .svg--icons-looking-glass[height="18"][viewBox="0 0 18 18"] > g[fill="none"] > path[fill="#212121"]
    2

    Element location

    .header__logo > .svg--brand-engie[width="90"][height="32"] > g[fill="none"][stroke="none"][stroke-width="1"]

    Element source

    <g id="✏️-03---Overzicht-pagina" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">

    Fix any of the following:

    • Document has multiple static elements with the same id attribute: ✏️-03---Overzicht-pagina

    Related node:

    .footer__logo > .svg--brand-engie[width="90"][height="32"] > g[fill="none"][stroke="none"][stroke-width="1"]
    3

    Element location

    .header__logo > .svg--brand-engie[width="90"][height="32"] > g[fill="none"][stroke="none"][stroke-width="1"] > g[transform="translate(-32 -80)"][fill="#0AF"][fill-rule="nonzero"]

    Element source

    <g id="1440-/-3.0-Overzicht-Pagina" transform="translate(-32 -80)" fill="#0AF" fill-rule="nonzero">

    Fix any of the following:

    • Document has multiple static elements with the same id attribute: 1440-/-3.0-Overzicht-Pagina

    Related node:

    .footer__logo > .svg--brand-engie[width="90"][height="32"] > g[fill="none"][stroke="none"][stroke-width="1"] > g[transform="translate(-32 -80)"][fill="#0AF"][fill-rule="nonzero"]
    4

    Element location

    .header__logo > .svg--brand-engie[width="90"][height="32"] > g[fill="none"][stroke="none"][stroke-width="1"] > g[transform="translate(-32 -80)"][fill="#0AF"][fill-rule="nonzero"] > g

    Element source

    <g id="Organism-/-NAV-/-Zakelijk-/-1440-Dark">

    Fix any of the following:

    • Document has multiple static elements with the same id attribute: Organism-/-NAV-/-Zakelijk-/-1440-Dark

    Related node:

    .footer__logo > .svg--brand-engie[width="90"][height="32"] > g[fill="none"][stroke="none"][stroke-width="1"] > g[transform="translate(-32 -80)"][fill="#0AF"][fill-rule="nonzero"] > g
    5

    Element location

    .header__logo > .svg--brand-engie[width="90"][height="32"] > g[fill="none"][stroke="none"][stroke-width="1"] > g[transform="translate(-32 -80)"][fill="#0AF"][fill-rule="nonzero"] > g > g[transform="translate(32 80)"]

    Element source

    <g id="logo/logo-standard/blue" transform="translate(32 80)">

    Fix any of the following:

    • Document has multiple static elements with the same id attribute: logo/logo-standard/blue

    Related node:

    .footer__logo > .svg--brand-engie[width="90"][height="32"] > g[fill="none"][stroke="none"][stroke-width="1"] > g[transform="translate(-32 -80)"][fill="#0AF"][fill-rule="nonzero"] > g > g[transform="translate(32 80)"]
    6

    Element location

    .header__logo > .svg--brand-engie[width="90"][height="32"] > g[fill="none"][stroke="none"][stroke-width="1"] > g[transform="translate(-32 -80)"][fill="#0AF"][fill-rule="nonzero"] > g > g[transform="translate(32 80)"] > path

    Element source

    <path d="M80.322 16.685c6.54 0 8.773 3.72 8.773 6.175 0 1.553-.664 2.305-2.02 2.305-2.048-.006-6.175-.04-7.8-.04-1.136-.005-1.559-.645-1.559-1.206 0-.71.527-1.235 1.513-1.272 1.736-.065 3.823-.13 4.933-.196 1.209-.07 1.38-.938.767-1.575-.992-1.02-2.905-1.53-5.353-1.336-2.333.188-5.294 1.482-5.294 4.662 0 4.21 6.835 5.578 12.805 4.298.848-.183 1.414.078 1.594.777.206.778-.428 1.28-1.127 1.519-7.375 2.532-17.442.452-17.442-6.364 0-4.805 4.294-7.747 10.21-7.747zm-69.28 0c6.538 0 8.775 3.72 8.775 6.175 0 1.553-.668 2.305-2.02 2.305-2.048-.006-6.178-.04-7.804-.04-1.135-.005-1.558-.645-1.558-1.206 0-.71.527-1.235 1.513-1.272 1.735-.065 3.823-.13 4.936-.196 1.206-.07 1.378-.938.763-1.575-.994-1.02-2.907-1.53-5.352-1.336C7.959 19.728 5 21.022 5 24.202c0 4.21 6.832 5.578 12.805 4.298.848-.183 1.414.078 1.597.777.206.778-.428 1.28-1.127 1.519C10.896 33.328.83 31.248.83 24.432c0-4.805 4.294-7.747 10.21-7.747zm41.36-.008a22.1 22.1 0 015.76.684c1.036.273 1.551.778 1.34 1.564-.197.741-.986.884-1.789.772-9.125-1.289-12.199 1.74-12.199 4.491 0 2.925 3.59 4.772 6.852 4.772 2.493 0 4.9-.84 5.888-2.12.493-.64.473-1.386-.983-1.459-1.082-.056-3.426-.166-5.266-.261-1.208-.062-1.558-.707-1.558-1.207 0-.575.324-1.272 1.62-1.272 2.48-.005 6.258-.034 7.867-.038h.332c1.417 0 2.26.63 2.254 2.278 0 3.24-3.328 6.945-10.16 6.945-6.119 0-11.027-2.453-11.027-7.506 0-4.721 4.925-7.643 11.07-7.643zm15.783 4.402l.054.003a.216.216 0 01.174.251 178.49 178.49 0 01-.633 8.503c-.127 1.417-.834 1.78-1.564 1.78-.73 0-1.448-.388-1.575-1.791-.099-1.081-.45-4.163-.583-7.88a.233.233 0 01.186-.23l3.888-.626a.219.219 0 01.107-.007zm-44.176-4.054a2.295 2.295 0 011.51.561l8.126 6.883c.512.443 1.115.78 1.611.561.413-.182.508-.581.567-1.005l.033-.255c.113-.848.623-4.191.752-5.157.116-.873.57-1.586 1.454-1.586.752 0 1.38.545 1.378 1.539v10.722c0 2.044-1.223 2.325-1.896 2.325a2.21 2.21 0 01-1.651-.62s-6.835-6.156-7.663-6.872c-.829-.716-1.372-1.053-1.956-.873-.645.199-.749.721-.867 1.386-.093.573-.938 5.701-.938 5.701a1.373 1.373 0 01-1.41 1.278c-.027 0-.055 0-.083-.003a1.299 1.299 0 01-1.22-1.373V19.472c0-1.737 1.104-2.447 2.253-2.447zm42.331-.353l.113.002a2.176 2.176 0 012.09 2.26c-.017.092-.017.286-.017.477a.233.233 0 01-.197.221l-4.057.657a.239.239 0 01-.282-.222 40.555 40.555 0 01-.045-1.145 2.147 2.147 0 012.282-2.246 2.43 2.43 0 01.226-.002zM44.956 0C62.148 0 77.863 4.848 89.91 12.862 77.93 8.892 63.923 6.43 44.956 6.43 25.99 6.43 11.982 8.893 0 12.86 12.047 4.849 27.765 0 44.956 0z" id="Combined-Shape">

    Fix any of the following:

    • Document has multiple static elements with the same id attribute: Combined-Shape

    Related node:

    .footer__logo > .svg--brand-engie[width="90"][height="32"] > g[fill="none"][stroke="none"][stroke-width="1"] > g[transform="translate(-32 -80)"][fill="#0AF"][fill-rule="nonzero"] > g > g[transform="translate(32 80)"] > path
    7

    Element location

    .hero__image-container > figure > img[height="680"][alt="Image"][width="1440"]:nth-child(1)

    Element source

    <img id="image-54f355ac-4a15-4f1d-8b47-402fcecd2858" class="image__default" style="object-position: 50% 12%;" src="https://www.engie.nl/-/media/Engie/Thuis/header---1440x680/1440x680_ontdek-het-gemak.jpg" data-src="https://www.engie.nl/-/media/Engie/Thuis/header---1440x680/1440x680_ontdek-het-gemak.jpg" data-srcset="https://www.engie.nl/-/media/Engie/Thuis/header---1440x680/1440x680_ontdek-het-gemak.jpg?w=10&amp;hash=A09D97FCBE9C1BAC3897115D560B6873 10w, https://www.engie.nl/-/media/Engie/Thuis/header---1440x680/1440x680_ontdek-het-gemak.jpg?w=320&amp;hash=83A0A3AC9986099D3C5A5A7C04181ADA 320w, https://www.engie.nl/-/media/Engie/Thuis/header---1440x680/1440x680_ontdek-het-gemak.jpg?w=480&amp;hash=CF1F69D667DC924A4A25018E32DB8B68 480w, https://www.engie.nl/-/media/Engie/Thuis/header---1440x680/1440x680_ontdek-het-gemak.jpg?w=768&amp;hash=CED1F95C8961EDE473D47763515218CC 768w, https://www.engie.nl/-/media/Engie/Thuis/header---1440x680/1440x680_ontdek-het-gemak.jpg?w=1024&amp;hash=B3797AAB07947B585656B57B5059B262 1024w, https://www.engie.nl/-/media/Engie/Thuis/header---1440x680/1440x680_ontdek-het-gemak.jpg?w=1440&amp;hash=7D845194FBAA6D8704D9D2D72FAD52E5 1440w" js-hook-objectfit-img="" alt="Image" width="1440" height="680" srcset="https://www.engie.nl/-/media/Engie/Thuis/header---1440x680/1440x680_ontdek-het-gemak.jpg?w=10&amp;hash=A09D97FCBE9C1BAC3897115D560B6873 10w, https://www.engie.nl/-/media/Engie/Thuis/header---1440x680/1440x680_ontdek-het-gemak.jpg?w=320&amp;hash=83A0A3AC9986099D3C5A5A7C04181ADA 320w, https://www.engie.nl/-/media/Engie/Thuis/header---1440x680/1440x680_ontdek-het-gemak.jpg?w=480&amp;hash=CF1F69D667DC924A4A25018E32DB8B68 480w, https://www.engie.nl/-/media/Engie/Thuis/header---1440x680/1440x680_ontdek-het-gemak.jpg?w=768&amp;hash=CED1F95C8961EDE473D47763515218CC 768w, https://www.engie.nl/-/media/Engie/Thuis/header---1440x680/1440x680_ontdek-het-gemak.jpg?w=1024&amp;hash=B3797AAB07947B585656B57B5059B262 1024w, https://www.engie.nl/-/media/Engie/Thuis/header---1440x680/1440x680_ontdek-het-gemak.jpg?w=1440&amp;hash=7D845194FBAA6D8704D9D2D72FAD52E5 1440w">

    Fix any of the following:

    • Document has multiple static elements with the same id attribute: image-54f355ac-4a15-4f1d-8b47-402fcecd2858

    Related node:

    .hero__image-container > figure > img[height="680"][alt="Image"][width="1440"]:nth-child(2)
    8

    Element location

    img[alt="Termijnbedrag check in de app"][height="960"][width="1440"]:nth-child(1)

    Element source

    <img id="image-0e1c20b8-7796-4dd0-bf18-07fefecfe66c" class="image__default" style="object-position: 50% 50%;" src="https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_termijnbedragcheck.jpg?w=10&amp;hash=C8FFF366778390F45B2E8039573183E5" data-src="https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_termijnbedragcheck.jpg" data-srcset="https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_termijnbedragcheck.jpg?w=10&amp;hash=C8FFF366778390F45B2E8039573183E5 10w, https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_termijnbedragcheck.jpg?w=320&amp;hash=EC5BE3DE74083B6074B26073519D2A9D 320w, https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_termijnbedragcheck.jpg?w=480&amp;hash=EB700F6D1F71E6352CBDF1A79451077B 480w, https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_termijnbedragcheck.jpg?w=768&amp;hash=F28943113D644C3545F2234CA396B06E 768w, https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_termijnbedragcheck.jpg?w=1024&amp;hash=2813B6100E4D7DAF9AC2A91039616B10 1024w, https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_termijnbedragcheck.jpg?w=1440&amp;hash=0A26722CC863CC5B276A1AAB150AAD45 1440w" js-hook-objectfit-img="" alt="Termijnbedrag check in de app" width="1440" height="960">

    Fix any of the following:

    • Document has multiple static elements with the same id attribute: image-0e1c20b8-7796-4dd0-bf18-07fefecfe66c

    Related node:

    img[alt="Termijnbedrag check in de app"][height="960"][width="1440"]:nth-child(2)
    9

    Element location

    #tns1-item1 > .c-card.nj-card.nj-card--border > .card__image-container > .card__image.nj-card__img > .image__default[height="960"][width="1440"]

    Element source

    <img id="image-a9d13321-11de-4282-88c7-4d135884e6bd" class="image__default" style="object-position: 50% 50%;" src="https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_zelf_regelen.jpg?w=10&amp;hash=8FA9C825895AD80140E0DAC2B8BF15E6" data-src="https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_zelf_regelen.jpg" data-srcset="https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_zelf_regelen.jpg?w=10&amp;hash=8FA9C825895AD80140E0DAC2B8BF15E6 10w, https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_zelf_regelen.jpg?w=320&amp;hash=0FB95D51E08288E7D1C9611B60A7FAEA 320w, https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_zelf_regelen.jpg?w=480&amp;hash=83ACB8E9531D2A1C9A305550216B238F 480w, https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_zelf_regelen.jpg?w=768&amp;hash=C075D867811EA09C9A4DC2C6ADC3E23F 768w, https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_zelf_regelen.jpg?w=1024&amp;hash=CB3846C64A606ACBAA5865FE52399655 1024w, https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_zelf_regelen.jpg?w=1440&amp;hash=6E6BF0B64DB4B76532A4DF038D5DFA6C 1440w" js-hook-objectfit-img="" alt="Regel al je energiezaken via de app" width="1440" height="960">

    Fix any of the following:

    • Document has multiple static elements with the same id attribute: image-a9d13321-11de-4282-88c7-4d135884e6bd

    Related node:

    #tns1-item1 > .c-card.nj-card.nj-card--border > .card__image-container > .card__image.nj-card__img > .image__ghost[height="960"][width="1440"]
    10

    Element location

    img[alt="Energieverbruik in de app"][height="961"][width="1440"]:nth-child(1)

    Element source

    <img id="image-2b3efda7-fec5-4f29-bfa9-e2255ad01fa7" class="image__default" style="object-position: 50% 50%;" src="https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_verbruik_2.jpg?w=10&amp;hash=342D258D6FF6596B70700F11811C8BD3" data-src="https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_verbruik_2.jpg" data-srcset="https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_verbruik_2.jpg?w=10&amp;hash=342D258D6FF6596B70700F11811C8BD3 10w, https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_verbruik_2.jpg?w=320&amp;hash=1BBF835E0929137DF51BEF3A85E163F0 320w, https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_verbruik_2.jpg?w=480&amp;hash=2BD3DF823D981D81DC186DC5CAB8DE80 480w, https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_verbruik_2.jpg?w=768&amp;hash=B6B5B5531CD3774ADF690524D7D89928 768w, https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_verbruik_2.jpg?w=1024&amp;hash=4438C8E6D2BF5C0F7667F02438634E70 1024w, https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_verbruik_2.jpg?w=1440&amp;hash=8860E36EBC70A5204FC669251C7C4AD0 1440w" js-hook-objectfit-img="" alt="Energieverbruik in de app" width="1440" height="961">

    Fix any of the following:

    • Document has multiple static elements with the same id attribute: image-2b3efda7-fec5-4f29-bfa9-e2255ad01fa7

    Related node:

    img[alt="Energieverbruik in de app"][height="961"][width="1440"]:nth-child(2)
    11

    Element location

    img[alt="Energiekosten in de app"][height="960"][width="1440"]:nth-child(1)

    Element source

    <img id="image-8f3e652a-6356-4bea-a442-ec4c86a673fb" class="image__default" style="object-position: 50% 50%;" src="https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_energiekosten.jpg?w=10&amp;hash=AA9B95C2B68D9066DDE4E1BC1495D874" data-src="https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_energiekosten.jpg" data-srcset="https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_energiekosten.jpg?w=10&amp;hash=AA9B95C2B68D9066DDE4E1BC1495D874 10w, https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_energiekosten.jpg?w=320&amp;hash=A05133E111AA0F4ED586B709B75F7F92 320w, https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_energiekosten.jpg?w=480&amp;hash=C249A2E4C1FB92EFB3BDE9EDB8358BF4 480w, https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_energiekosten.jpg?w=768&amp;hash=CDE69C9B34DF41282B3569193EB60395 768w, https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_energiekosten.jpg?w=1024&amp;hash=71C628542C313AFA030679673D737436 1024w, https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_energiekosten.jpg?w=1440&amp;hash=F20D55DE78238B055E963F8C0D5F978D 1440w" js-hook-objectfit-img="" alt="Energiekosten in de app" width="1440" height="960">

    Fix any of the following:

    • Document has multiple static elements with the same id attribute: image-8f3e652a-6356-4bea-a442-ec4c86a673fb

    Related node:

    img[alt="Energiekosten in de app"][height="960"][width="1440"]:nth-child(2)
    12

    Element location

    button[aria-controls="tns1"][js-hook-slider-prev=""][data-controls="prev"] > .svg--icons-arrow-left[width="16"][height="16"] > path[fill="#212121"]

    Element source

    <path id="Shape" fill="#212121" d="M16 7H3.83l5.59-5.59L8 0 0 8l8 8 1.41-1.41L3.83 9H16z"></path>

    Fix any of the following:

    • Document has multiple static elements with the same id attribute: Shape

    Related node:

    button[aria-controls="tns1"][js-hook-slider-next=""][data-controls="next"] > .svg--icons-arrow-right[width="16"][height="16"] > path[fill="#212121"]
    button[aria-controls="tns2"][js-hook-slider-prev=""][data-controls="prev"] > .svg--icons-arrow-left[width="16"][height="16"] > path[fill="#212121"]
    button[aria-controls="tns2"][js-hook-slider-next=""][data-controls="next"] > .svg--icons-arrow-right[width="16"][height="16"] > path[fill="#212121"]
    .image-with-slider__control[aria-controls="tns3"][js-hook-slider-prev=""] > .svg--icons-arrow-left[width="16"][height="16"] > path[fill="#212121"]
    .image-with-slider__control[aria-controls="tns3"][js-hook-slider-next=""] > .svg--icons-arrow-right[width="16"][height="16"] > path[fill="#212121"]
    13

    Element location

    img[alt="Slimme thermostaat"][width="350"][height="170"]:nth-child(1)

    Element source

    <img id="image-61e984a5-6292-4fae-91c3-9f83770e5e90" class="image__default" style="object-position: 50% 50%;" src="https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_Slimme_thermostaat.jpg?w=10&amp;hash=6263EAD266FD4E94B4C5F6F13A17976A" data-src="https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_Slimme_thermostaat.jpg" data-srcset="https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_Slimme_thermostaat.jpg?w=10&amp;hash=6263EAD266FD4E94B4C5F6F13A17976A 10w, https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_Slimme_thermostaat.jpg?w=320&amp;hash=7E5300ED66DDAB7A1F4F97911C597D37 320w, https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_Slimme_thermostaat.jpg?w=480&amp;hash=BAF5EAE74F98EF2377F2BAA011BBDA85 480w, https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_Slimme_thermostaat.jpg?w=768&amp;hash=66605D592FCA5B86B0AF429ED2681AB0 768w, https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_Slimme_thermostaat.jpg?w=1024&amp;hash=136AA9CA20F7FF82DA5EF89F20178E98 1024w, https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_Slimme_thermostaat.jpg?w=1440&amp;hash=0D391EC63D5E3643D8E11065C4733069 1440w" js-hook-objectfit-img="" alt="Slimme thermostaat" width="350" height="170">

    Fix any of the following:

    • Document has multiple static elements with the same id attribute: image-61e984a5-6292-4fae-91c3-9f83770e5e90

    Related node:

    img[alt="Slimme thermostaat"][width="350"][height="170"]:nth-child(2)
    14

    Element location

    img[alt="Koken op inductie"][width="350"][height="170"]:nth-child(1)

    Element source

    <img id="image-aa235673-7a72-4a4e-b008-08d2dc3cca8b" class="image__default" style="object-position: 50% 50%;" src="https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_koken_inductie.jpg?w=10&amp;hash=F9F7F71C3AA159BFCE5B2007393DF7DD" data-src="https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_koken_inductie.jpg" data-srcset="https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_koken_inductie.jpg?w=10&amp;hash=F9F7F71C3AA159BFCE5B2007393DF7DD 10w, https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_koken_inductie.jpg?w=320&amp;hash=A083766B80DAE52102737739117293E1 320w, https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_koken_inductie.jpg?w=480&amp;hash=37754DB00240E8A5D3627DBBC3C8E1DB 480w, https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_koken_inductie.jpg?w=768&amp;hash=5A68F844D0816A7E5400659EDB11851F 768w, https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_koken_inductie.jpg?w=1024&amp;hash=16B03738127E9611A279259368225816 1024w, https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_koken_inductie.jpg?w=1440&amp;hash=EE3C480EB1532011E33A58E4E9B8A60C 1440w" js-hook-objectfit-img="" alt="Koken op inductie" width="350" height="170">

    Fix any of the following:

    • Document has multiple static elements with the same id attribute: image-aa235673-7a72-4a4e-b008-08d2dc3cca8b

    Related node:

    img[alt="Koken op inductie"][width="350"][height="170"]:nth-child(2)
    15

    Element location

    img[alt="Windmolen"][width="350"][height="170"]:nth-child(1)

    Element source

    <img id="image-132e8c0a-a2b2-4f85-b611-9efc499a2e62" class="image__default" style="object-position: 50% 50%;" src="https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_windmolen.jpg?w=10&amp;hash=BFBAD0B0412A675254074601A0CA78A6" data-src="https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_windmolen.jpg" data-srcset="https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_windmolen.jpg?w=10&amp;hash=BFBAD0B0412A675254074601A0CA78A6 10w, https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_windmolen.jpg?w=320&amp;hash=A1B5C4A70A0421444F09F1BB8916ED82 320w, https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_windmolen.jpg?w=480&amp;hash=8C7487EBC75B1F7CDF2ADC40C372DF9F 480w, https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_windmolen.jpg?w=768&amp;hash=05028B3BAB2B9EF1C99B64DA124228E0 768w, https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_windmolen.jpg?w=1024&amp;hash=5AC73CE49E64646A65C2681371B0B126 1024w, https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_windmolen.jpg?w=1440&amp;hash=61DBDAD368B2BD451377A4E0C0320A70 1440w" js-hook-objectfit-img="" alt="Windmolen" width="350" height="170">

    Fix any of the following:

    • Document has multiple static elements with the same id attribute: image-132e8c0a-a2b2-4f85-b611-9efc499a2e62

    Related node:

    img[alt="Windmolen"][width="350"][height="170"]:nth-child(2)
    16

    Element location

    img[width="350"][height="170"][alt="Image"]:nth-child(1)

    Element source

    <img id="image-5e1138ca-08c3-4340-98ff-9d4a4770f484" class="image__default" style="object-position: 50% 50%;" src="https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_gemak-engie-app-inzicht.jpg?w=10&amp;hash=51C4A205A654BE11B78CF1D1EB14F2E7" data-src="https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_gemak-engie-app-inzicht.jpg" data-srcset="https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_gemak-engie-app-inzicht.jpg?w=10&amp;hash=51C4A205A654BE11B78CF1D1EB14F2E7 10w, https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_gemak-engie-app-inzicht.jpg?w=320&amp;hash=772CE3D777999DB8A1B7FC305A4D8313 320w, https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_gemak-engie-app-inzicht.jpg?w=480&amp;hash=E8BB36E896CCDA59BE27BB89EF5B6833 480w, https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_gemak-engie-app-inzicht.jpg?w=768&amp;hash=162E094C790F1718F251DB7C426F2E30 768w, https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_gemak-engie-app-inzicht.jpg?w=1024&amp;hash=3087BFEC72F237FD60EE370AF14ADC13 1024w, https://www.engie.nl/-/media/Engie/Thuis/tegel---varianten/tegel---350-x-170/350x170_gemak-engie-app-inzicht.jpg?w=1440&amp;hash=5F84D9C6B7177CCBA8EF58A0288999B3 1440w" js-hook-objectfit-img="" alt="Image" width="350" height="170">

    Fix any of the following:

    • Document has multiple static elements with the same id attribute: image-5e1138ca-08c3-4340-98ff-9d4a4770f484

    Related node:

    img[width="350"][height="170"][alt="Image"]:nth-child(2)
    17

    Element location

    .content-slot__image > img[height="680"][alt="Image"][width="1440"]:nth-child(1)

    Element source

    <img id="image-501d7d6c-8db2-42c1-b440-3ba8cb681ffb" class="image__default" style="object-position: 50% 50%;" src="https://www.engie.nl/-/media/Engie/Thuis/header---1440x680/1440x680_laadpaal-thuis-op-de-zaak.jpg?w=10&amp;hash=9839810B015044D2BF3042EC63919E71" data-src="https://www.engie.nl/-/media/Engie/Thuis/header---1440x680/1440x680_laadpaal-thuis-op-de-zaak.jpg" data-srcset="https://www.engie.nl/-/media/Engie/Thuis/header---1440x680/1440x680_laadpaal-thuis-op-de-zaak.jpg?w=10&amp;hash=9839810B015044D2BF3042EC63919E71 10w, https://www.engie.nl/-/media/Engie/Thuis/header---1440x680/1440x680_laadpaal-thuis-op-de-zaak.jpg?w=320&amp;hash=3E5B5F7BD6ED93C76CBF309C101871A0 320w, https://www.engie.nl/-/media/Engie/Thuis/header---1440x680/1440x680_laadpaal-thuis-op-de-zaak.jpg?w=480&amp;hash=B26AF47E5C7068C981145476045ADD1D 480w, https://www.engie.nl/-/media/Engie/Thuis/header---1440x680/1440x680_laadpaal-thuis-op-de-zaak.jpg?w=768&amp;hash=D610A263158F39D843FB84199D3F7922 768w, https://www.engie.nl/-/media/Engie/Thuis/header---1440x680/1440x680_laadpaal-thuis-op-de-zaak.jpg?w=1024&amp;hash=D8250E887D8F79CC8FD6C74A07D4E347 1024w, https://www.engie.nl/-/media/Engie/Thuis/header---1440x680/1440x680_laadpaal-thuis-op-de-zaak.jpg?w=1440&amp;hash=296BF436FB0019C22ACA72E30A704BAB 1440w" js-hook-objectfit-img="" alt="Image" width="1440" height="680">

    Fix any of the following:

    • Document has multiple static elements with the same id attribute: image-501d7d6c-8db2-42c1-b440-3ba8cb681ffb

    Related node:

    .content-slot__image > img[height="680"][alt="Image"][width="1440"]:nth-child(2)
    18

    Element location

    #button-874a6bd0-d3f5-4885-baab-663ac914eb61 > .button__label

    Element source

    <span id="ButtonTitle" class="button__label">Ontdek onze laadpalen</span>

    Fix any of the following:

    • Document has multiple static elements with the same id attribute: ButtonTitle

    Related node:

    #button-fe28ae57-dc6e-4461-9324-4c8cf1f9a0df > .button__label
    19

    Element location

    .image-text__image > .image__default[height="960"][width="1440"]

    Element source

    <img id="image-a8d3c3d0-46e3-4673-b29b-bf5f8f557c4c" class="image__default" style="object-position: 50% 50%;" src="https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_2_compilatie_center.jpg?w=10&amp;hash=3558935DD2A4FB836466D709E4B2400E" data-src="https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_2_compilatie_center.jpg" data-srcset="https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_2_compilatie_center.jpg?w=10&amp;hash=3558935DD2A4FB836466D709E4B2400E 10w, https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_2_compilatie_center.jpg?w=320&amp;hash=D681CEF1227109D8FBA778EF18C1400B 320w, https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_2_compilatie_center.jpg?w=480&amp;hash=619ED91DE7608610FEC3C4A5A9B0D47B 480w, https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_2_compilatie_center.jpg?w=768&amp;hash=3A72EA3C222524F8AE2DF25B2D0B6184 768w, https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_2_compilatie_center.jpg?w=1024&amp;hash=7E9B3C55C07860F02E2AD4A1F28E563D 1024w, https://www.engie.nl/-/media/Engie/Thuis/1440x/1440x960_2_compilatie_center.jpg?w=1440&amp;hash=FC589D03FCE2FC4CCD2BA6004111E2AF 1440w" js-hook-objectfit-img="" alt="Grip op je energie met de ENGIE-app" width="1440" height="960">

    Fix any of the following:

    • Document has multiple static elements with the same id attribute: image-a8d3c3d0-46e3-4673-b29b-bf5f8f557c4c

    Related node:

    .image-text__image > .image__ghost[height="960"][width="1440"]
    5. Heading levels should only increase by one
    Learn more
    heading-order
    Best practice

    Ensures the order of headings is semantically correct

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .c-title-text.s-rich-text > h4

    Element source

    <h4><strong>Prinsjesdag 2022</strong></h4>

    Fix any of the following:

    • Heading order invalid
    2

    Element location

    #Title-174294ce-3d68-4ba7-a214-cab2860c1533

    Element source

    <h4 id="Title-174294ce-3d68-4ba7-a214-cab2860c1533" class="card__title nj-card__title">Termijnbedragcheck</h4>

    Fix any of the following:

    • Heading order invalid
    3

    Element location

    #Title-aa48b89f-9e11-461c-9445-29d7391d2527

    Element source

    <h4 id="Title-aa48b89f-9e11-461c-9445-29d7391d2527" class="card__title nj-card__title">Meer energie besparen</h4>

    Fix any of the following:

    • Heading order invalid
    6. Form elements must have labels
    Learn more
    label
    WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1

    Ensures every form element has a label

    critical
    Issue Tags: cat.forms wcag2a wcag412 wcag131 section508 section508.22.n ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .u-flex > .c-dark-mode-switch.nj-toggle[js-hook-dark-mode-switch=""] > label > input[type="checkbox"][js-hook-dark-mode-input=""]

    Element source

    <input type="checkbox" js-hook-dark-mode-input="" tabindex="-1">

    Fix any of the following:

    • Form element does not have an implicit (wrapped) <label>
    • Form element does not have an explicit <label>
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element has no placeholder attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    2

    Element location

    .footer__list-item-bottom:nth-child(5) > .c-dark-mode-switch.nj-toggle[js-hook-dark-mode-switch=""] > label > input[type="checkbox"][js-hook-dark-mode-input=""]

    Element source

    <input type="checkbox" js-hook-dark-mode-input="">

    Fix any of the following:

    • Form element does not have an implicit (wrapped) <label>
    • Form element does not have an explicit <label>
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element has no placeholder attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    7. Ensures landmarks are unique
    Learn more
    landmark-unique
    Best practice

    Landmarks should have a unique role or role/label/title (i.e. accessible name) combination

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .header__nav

    Element source

    <nav class="header__nav">

    Fix any of the following:

    • The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable

    Related node:

    .c-top-nav
    8. Links must have discernible text
    Learn more
    link-name
    WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4

    Ensures links have discernible text

    serious
    Issue Tags: cat.name-role-value wcag2a wcag412 wcag244 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .header__logo

    Element source

    <a href="https://www.engie.nl/" class="header__logo">

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    2

    Element location

    .footer__logo

    Element source

    <a href="https://www.engie.nl/" class="footer__logo">

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    9. Zooming and scaling should not be disabled
    Learn more
    meta-viewport
    Best practice

    Ensures <meta name="viewport"> does not disable text scaling and zooming

    critical
    Issue Tags: cat.sensory-and-visual-cues best-practice ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    meta[name="viewport"]

    Element source

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

    Fix any of the following:

    • maximum-scale on <meta> tag disables zooming on mobile devices
    10. All page content should be contained by landmarks
    Learn more
    region
    Best practice

    Ensures all page content is contained by landmarks

    moderate
    Issue Tags: cat.keyboard best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #_2m7oxbgnhb4

    Element source

    <div id="_2m7oxbgnhb4"><p class="cvco-toggle-button__title">Heb je een vraag?</p><p class="cvco-toggle-button__subtitle">Start een chat met ons</p></div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    2

    Element location

    img[alt=""]

    Element source

    <img class="cvco-icon" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxkZWZzLz48c3R5bGU+LnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwfTwvc3R5bGU+PHBhdGggZD0iTTM0LDI5LjNjMCwxLTAuOCwxLjgtMS44LDEuOEgxOGMwLDAtNCw0LjktNCwzLjlWMTYuNmMwLTEsMC44LTEuOCwxLjgtMS44aDE2LjRjMSwwLDEuOCwwLjgsMS44LDEuOFYyOS4zeiIgY2xhc3M9InN0MCIvPjwvc3ZnPg==" alt="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    # Description Axe rule ID WCAG Nodes passed check
    1 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 16
    2 ARIA role should be appropriate for the element aria-allowed-role Best practice 2
    3 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    4 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 20
    5 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 1
    6 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 1
    7 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 15
    8 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 16
    9 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5 1
    10 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 13
    11 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 10
    12 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    13 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 49
    14 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    15 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 7
    16 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1 10
    17 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 65
    18 Headings should not be empty empty-heading Best practice 22
    19 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2 3
    20 Heading levels should only increase by one heading-order Best practice 19
    21 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    22 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    23 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 66
    24 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 12
    25 Alternative text of images should not be repeated as text image-redundant-alt Best practice 12
    26 Form elements should have a visible label label-title-only Best practice 3
    27 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 1
    28 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice 1
    29 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice 1
    30 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice 1
    31 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice 1
    32 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice 1
    33 Document should not have more than one main landmark landmark-no-duplicate-main Best practice 1
    34 Document should have one main landmark landmark-one-main Best practice 1
    35 Ensures landmarks are unique landmark-unique Best practice 3
    36 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 67
    37 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 11
    38 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 53
    39 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    40 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 25
    41 Page should contain a level-one heading page-has-heading-one Best practice 1
    42 All page content should be contained by landmarks region Best practice 505
    43 The skip-link target should exist and be focusable skip-link Best practice 1
    44 Elements should not have tabindex greater than zero tabindex Best practice 34

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 2
    2 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 50

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
    4 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice
    5 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    6 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    7 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
    8 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
    9 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
    10 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    11 "role=text" should have no focusable descendants aria-text Best practice
    12 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    13 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    14 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    15 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    16 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    17 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    18 Table header text must not be empty empty-table-header WCAG 1.3.1
    19 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    20 Frames should be tested with axe-core frame-tested Best practice
    21 Frames should have a unique title attribute frame-title-unique Best practice
    22 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2
    23 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    24 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
    25 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    26 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
    27 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    28 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    29 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    30 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    31 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    32 scope attribute should be used correctly scope-attr-valid Best practice
    33 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
    34 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    35 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    36 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    37 tables should not have the same summary and caption table-duplicate-name Best practice
    38 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    39 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    40 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
    41 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  16. AXE Accessibility Results

    axe-core found 21 violations
    # Description Axe rule ID WCAG Impact Count
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 18
    2 Headings should not be empty empty-heading Best practice minor 1
    3 Heading levels should only increase by one heading-order Best practice moderate 1
    4 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 critical 1

    Failed

    1. Elements must have sufficient color contrast
    Learn more
    color-contrast
    WCAG 2 Level AA, WCAG 1.4.3

    Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

    serious
    Issue Tags: cat.color wcag2aa wcag143
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #CybotCookiebotDialogBodyEdgeMoreDetailsLink

    Element source

    <a id="CybotCookiebotDialogBodyEdgeMoreDetailsLink" href="#" class="">Details</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.17 (foreground color: #009ad8, background color: #ffffff, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #CybotCookiebotDialog
    2

    Element location

    #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll

    Element source

    <button id="CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll" class="CybotCookiebotDialogBodyButton" tabindex="0" lang="nl">OK</button>

    Fix any of the following:

    • Element has insufficient color contrast of 3.17 (foreground color: #ffffff, background color: #009ad8, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll
    3

    Element location

    .flex-md-row-reverse.align-items-center.row > .col-xl-4.col-md-5.col-12 > .cta-block__text > .flex-column-reverse.d-flex > .color-green.h6

    Element source

    <span class="h6 color-green">Energie update</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.26 (foreground color: #75bf3e, background color: #ffffff, font size: 18.0pt (24px), font weight: normal). Expected contrast ratio of 3:1

    Related node:

    body
    4

    Element location

    .flex-md-row-reverse.align-items-center.row > .col-xl-4.col-md-5.col-12 > .cta-block__text > .btn__green.btn[data-scroll=""] > span

    Element source

    <span>Meer informatie</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.26 (foreground color: #ffffff, background color: #75bf3e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .flex-md-row-reverse.align-items-center.row > .col-xl-4.col-md-5.col-12 > .cta-block__text > .btn__green.btn[data-scroll=""]
    5

    Element location

    .offset-xl-1.col-xl-4.col-md-5 > .cta-block__text > .flex-column-reverse.d-flex > .color-green.h6

    Element source

    <span class="h6 color-green">Volgens de Consumentenbond</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.09 (foreground color: #75bf3e, background color: #eef8fd, font size: 18.0pt (24px), font weight: normal). Expected contrast ratio of 3:1

    Related node:

    .cta-block.background-light-blue
    6

    Element location

    .offset-xl-1.col-xl-4.col-md-5 > .cta-block__text > .btn__green.btn[data-scroll=""] > span

    Element source

    <span>Bekijk rapport</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.26 (foreground color: #ffffff, background color: #75bf3e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .offset-xl-1.col-xl-4.col-md-5 > .cta-block__text > .btn__green.btn[data-scroll=""]
    7

    Element location

    .background-green.cta-tile--3.cta-tile > .cta-tile__caption.color-white > .h4

    Element source

    <h2 class="h4">Groene energie</h2>

    Fix any of the following:

    • Element has insufficient color contrast of 2.26 (foreground color: #ffffff, background color: #75bf3e, font size: 24.0pt (32px), font weight: normal). Expected contrast ratio of 3:1

    Related node:

    .background-green.cta-tile--3.cta-tile
    8

    Element location

    .background-green.cta-tile--3.cta-tile > .cta-tile__caption.color-white > p

    Element source

    <p>Wij wekken zelf wind- en zonne-energie op in Nederland. De stroom uit onze energiebronnen leveren we aan klanten.</p>

    Fix any of the following:

    • Element has insufficient color contrast of 2.26 (foreground color: #ffffff, background color: #75bf3e, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .background-green.cta-tile--3.cta-tile
    9

    Element location

    .background-green.cta-tile--3.cta-tile > .cta-tile__caption.color-white > .btn__transparent-white[aria-label="CtaButton"][data-scroll=""]

    Element source

    <button aria-label="CtaButton" class="btn btn__transparent-white" data-scroll="">Meer informatie</button>

    Fix any of the following:

    • Element has insufficient color contrast of 2.26 (foreground color: #ffffff, background color: #75bf3e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .background-green.cta-tile--3.cta-tile
    10

    Element location

    .background-orange.cta-tile--3.cta-tile > .cta-tile__caption.color-white > .h4

    Element source

    <h2 class="h4">Zonnepanelen</h2>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #ffffff, background color: #ef7d00, font size: 24.0pt (32px), font weight: normal). Expected contrast ratio of 3:1

    Related node:

    .background-orange.cta-tile--3.cta-tile
    11

    Element location

    .background-orange.cta-tile--3.cta-tile > .cta-tile__caption.color-white > p

    Element source

    <p>Juist nu is investeren in zonnepanelen slim. Je bespaart hiermee maandelijks tientallen euro's op je energierekening.</p>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #ffffff, background color: #ef7d00, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .background-orange.cta-tile--3.cta-tile
    12

    Element location

    .background-orange.cta-tile--3.cta-tile > .cta-tile__caption.color-white > .btn__transparent-white[aria-label="CtaButton"][data-scroll=""]

    Element source

    <button aria-label="CtaButton" class="btn btn__transparent-white" data-scroll="">Bekijk zonnepanelen</button>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #ffffff, background color: #ef7d00, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .background-orange.cta-tile--3.cta-tile
    13

    Element location

    .background-blue.cta-tile--3[href$="energiecooperaties/"] > .cta-tile__caption.color-white > p

    Element source

    <p>Samen met energiecoöperaties ontwikkelen en realiseren we nieuwe wind- en zonneparken in Nederland.</p>

    Fix any of the following:

    • Element has insufficient color contrast of 3.17 (foreground color: #ffffff, background color: #009ad8, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .background-blue.cta-tile--3[href$="energiecooperaties/"]
    14

    Element location

    .background-blue.cta-tile--3[href$="energiecooperaties/"] > .cta-tile__caption.color-white > .btn__transparent-white[aria-label="CtaButton"][data-scroll=""]

    Element source

    <button aria-label="CtaButton" class="btn btn__transparent-white" data-scroll="">Samen een project starten</button>

    Fix any of the following:

    • Element has insufficient color contrast of 3.17 (foreground color: #ffffff, background color: #009ad8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .background-blue.cta-tile--3[href$="energiecooperaties/"]
    15

    Element location

    .col-sm-6.col-md-4.col-12:nth-child(1) > .blog-tile.box-hover > .blog-tile__caption > .btn-arrow.d-inline-block.color-green

    Element source

    <div class="btn-arrow color-green icon-color-green icon-caret-right d-inline-block">Lees meer</div>

    Fix any of the following:

    • Element has insufficient color contrast of 2.26 (foreground color: #75bf3e, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .col-sm-6.col-md-4.col-12:nth-child(1) > .blog-tile.box-hover
    16

    Element location

    .col-sm-6.col-md-4.col-12:nth-child(2) > .blog-tile.box-hover > .blog-tile__caption > .btn-arrow.d-inline-block.color-green

    Element source

    <div class="btn-arrow color-green icon-color-green icon-caret-right d-inline-block">Lees meer</div>

    Fix any of the following:

    • Element has insufficient color contrast of 2.26 (foreground color: #75bf3e, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .col-sm-6.col-md-4.col-12:nth-child(2) > .blog-tile.box-hover
    17

    Element location

    .col-sm-6.col-md-4.col-12:nth-child(3) > .blog-tile.box-hover > .blog-tile__caption > .btn-arrow.d-inline-block.color-green

    Element source

    <div class="btn-arrow color-green icon-color-green icon-caret-right d-inline-block">Lees meer</div>

    Fix any of the following:

    • Element has insufficient color contrast of 2.26 (foreground color: #75bf3e, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .col-sm-6.col-md-4.col-12:nth-child(3) > .blog-tile.box-hover
    18

    Element location

    .office-box__caption > .btn-arrow[href$="kennisbank/"][aria-label="Lees onze blogs"]

    Element source

    <a href="/kennisbank/" class="btn-arrow icon-caret-right color-green icon-color-green d-inline-block" aria-label="Lees onze blogs">
                    Lees onze blogs
                </a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.26 (foreground color: #75bf3e, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .office-box
    2. Headings should not be empty
    Learn more
    empty-heading
    Best practice

    Ensures headings have discernible text

    minor
    Issue Tags: cat.name-role-value best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .mb-0.h3

    Element source

    <h3 class="h3 mb-0"></h3>

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    3. Heading levels should only increase by one
    Learn more
    heading-order
    Best practice

    Ensures the order of headings is semantically correct

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .col-lg-5 > .calculate-rate-block.calculate-rate-block--private > .calculate-rate-block__content > h3

    Element source

    <h3 class="h6">Van weiland tot stopcontact</h3>

    Fix any of the following:

    • Heading order invalid
    4. Select element must have an accessible name
    Learn more
    select-name
    WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1

    Ensures select element has an accessible name

    critical
    Issue Tags: cat.forms wcag2a wcag412 wcag131 section508 section508.22.n ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    select

    Element source

    <select class="select-input mt-5 empty">

    Fix any of the following:

    • Form element does not have an implicit (wrapped) <label>
    • Form element does not have an explicit <label>
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    # Description Axe rule ID WCAG Nodes passed check
    1 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 40
    2 ARIA role should be appropriate for the element aria-allowed-role Best practice 34
    3 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice 1
    4 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    5 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 2
    6 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 5
    7 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 5
    8 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 40
    9 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 40
    10 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5 1
    11 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 27
    12 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 9
    13 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    14 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 196
    15 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    16 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 5
    17 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1 30
    18 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 87
    19 Headings should not be empty empty-heading Best practice 20
    20 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2 2
    21 Heading levels should only increase by one heading-order Best practice 20
    22 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    23 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    24 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 45
    25 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 42
    26 Alternative text of images should not be repeated as text image-redundant-alt Best practice 42
    27 Form elements should have a visible label label-title-only Best practice 2
    28 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 1
    29 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice 1
    30 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice 1
    31 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice 1
    32 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice 1
    33 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice 1
    34 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice 1
    35 Document should not have more than one main landmark landmark-no-duplicate-main Best practice 1
    36 Document should have one main landmark landmark-one-main Best practice 1
    37 Ensures landmarks are unique landmark-unique Best practice 6
    38 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 46
    39 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 8
    40 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 37
    41 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    42 Zooming and scaling should not be disabled meta-viewport Best practice 1
    43 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 122
    44 Page should contain a level-one heading page-has-heading-one Best practice 1
    45 All page content should be contained by landmarks region Best practice 968
    46 Elements should not have tabindex greater than zero tabindex Best practice 4
    47 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2 6

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 60

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
    4 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    5 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    6 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
    7 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
    8 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
    9 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    10 "role=text" should have no focusable descendants aria-text Best practice
    11 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    12 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    13 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    14 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    15 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    16 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    17 Table header text must not be empty empty-table-header WCAG 1.3.1
    18 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    19 Frames should be tested with axe-core frame-tested Best practice
    20 Frames should have a unique title attribute frame-title-unique Best practice
    21 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2
    22 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    23 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
    24 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    25 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    26 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    27 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    28 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    29 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    30 scope attribute should be used correctly scope-attr-valid Best practice
    31 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
    32 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    33 The skip-link target should exist and be focusable skip-link Best practice
    34 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    35 tables should not have the same summary and caption table-duplicate-name Best practice
    36 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    37 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    38 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  17. AXE Accessibility Results

    axe-core found 13 violations
    # Description Axe rule ID WCAG Impact Count
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 6
    2 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 critical 6
    3 Ensures landmarks are unique landmark-unique Best practice moderate 1

    Failed

    1. Elements must have sufficient color contrast
    Learn more
    color-contrast
    WCAG 2 Level AA, WCAG 1.4.3

    Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

    serious
    Issue Tags: cat.color wcag2aa wcag143
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .sc-fff3dc69-5 > p

    Element source

    <p>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #ffffff, background color: #0097bb, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .sc-fff3dc69-0
    2

    Element location

    a[target="_blank"][rel="noopener noreferrer"]:nth-child(1) > b

    Element source

    <b>meest gestelde vragen</b>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #ffffff, background color: #0097bb, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .sc-fff3dc69-0
    3

    Element location

    a[target="_blank"][rel="noopener noreferrer"]:nth-child(2) > b

    Element source

    <b>besparingstips</b>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #ffffff, background color: #0097bb, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .sc-fff3dc69-0
    4

    Element location

    .sc-73f7cb0-1.faAnLD:nth-child(3) > .sc-1bd5e82a-0.biraaK > .ljAfGB.sc-c52b9626-0.kNeovC > .sc-c52b9626-1.jpbeOe.sc-73f7cb0-5 > .sc-73f7cb0-6.epkqsB

    Element source

    <h4 class="sc-73f7cb0-6 epkqsB">Energierapportage</h4>

    Fix any of the following:

    • Element has insufficient color contrast of 3.73 (foreground color: #7f7f7f, background color: #f7f7f7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .sc-73f7cb0-1.faAnLD:nth-child(3)
    5

    Element location

    .Mawk.sc-c52b9626-0.kNeovC > .sc-c52b9626-1.jpbeOe.sc-73f7cb0-5 > .sc-73f7cb0-6.epkqsB

    Element source

    <h4 class="sc-73f7cb0-6 epkqsB">Onze missie</h4>

    Fix any of the following:

    • Element has insufficient color contrast of 4 (foreground color: #7f7f7f, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .sc-73f7cb0-1.faAnLD:nth-child(4)
    6

    Element location

    .sc-73f7cb0-1.faAnLD:nth-child(5) > .sc-1bd5e82a-0.biraaK > .ljAfGB.sc-c52b9626-0.kNeovC > .sc-c52b9626-1.jpbeOe.sc-73f7cb0-5 > .sc-73f7cb0-6.epkqsB

    Element source

    <h4 class="sc-73f7cb0-6 epkqsB">Overstappen</h4>

    Fix any of the following:

    • Element has insufficient color contrast of 3.73 (foreground color: #7f7f7f, background color: #f7f7f7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .sc-73f7cb0-1.faAnLD:nth-child(5)
    2. Images must have alternate text
    Learn more
    image-alt
    WCAG 2 Level A, WCAG 1.1.1

    Ensures <img> elements have alternate text or a role of none or presentation

    critical
    Issue Tags: cat.text-alternatives wcag2a wcag111 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    img[sizes="100vw"]

    Element source

    <img sizes="100vw" srcset="https://images.ctfassets.net/vb2pjxo6ch3a/15z9V84vr60kiaSJh6mYeD/2e742b406a712176eddab4d81b528ecd/hero_2.jpg?w=640&amp;q=100 640w, https://images.ctfassets.net/vb2pjxo6ch3a/15z9V84vr60kiaSJh6mYeD/2e742b406a712176eddab4d81b528ecd/hero_2.jpg?w=750&amp;q=100 750w, https://images.ctfassets.net/vb2pjxo6ch3a/15z9V84vr60kiaSJh6mYeD/2e742b406a712176eddab4d81b528ecd/hero_2.jpg?w=828&amp;q=100 828w, https://images.ctfassets.net/vb2pjxo6ch3a/15z9V84vr60kiaSJh6mYeD/2e742b406a712176eddab4d81b528ecd/hero_2.jpg?w=1080&amp;q=100 1080w, https://images.ctfassets.net/vb2pjxo6ch3a/15z9V84vr60kiaSJh6mYeD/2e742b406a712176eddab4d81b528ecd/hero_2.jpg?w=1200&amp;q=100 1200w, https://images.ctfassets.net/vb2pjxo6ch3a/15z9V84vr60kiaSJh6mYeD/2e742b406a712176eddab4d81b528ecd/hero_2.jpg?w=1920&amp;q=100 1920w, https://images.ctfassets.net/vb2pjxo6ch3a/15z9V84vr60kiaSJh6mYeD/2e742b406a712176eddab4d81b528ecd/hero_2.jpg?w=2048&amp;q=100 2048w, https://images.ctfassets.net/vb2pjxo6ch3a/15z9V84vr60kiaSJh6mYeD/2e742b406a712176eddab4d81b528ecd/hero_2.jpg?w=3840&amp;q=100 3840w" src="https://images.ctfassets.net/vb2pjxo6ch3a/15z9V84vr60kiaSJh6mYeD/2e742b406a712176eddab4d81b528ecd/hero_2.jpg?w=3840&amp;q=100" decoding="async" data-nimg="fill" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:cover;object-position:right center">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    2

    Element location

    .sc-1bd5e82a-0.biraaK > .ljAfGB.sc-c52b9626-0.kNeovC > .ksNhbv.sc-c52b9626-2.sc-73f7cb0-5 > span > img[data-nimg="responsive"][decoding="async"]

    Element source

    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="responsive" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    3

    Element location

    .sc-73f7cb0-1.faAnLD:nth-child(4) > .sc-1bd5e82a-0.biraaK > .sc-73f7cb0-3.hdJgLZ > .Mawk.sc-c52b9626-0.kNeovC > .xqjxP.sc-c52b9626-2.sc-73f7cb0-5 > span > img[data-nimg="responsive"][decoding="async"]

    Element source

    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="responsive" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    4

    Element location

    .gpUUII > span > img[data-nimg="responsive"][decoding="async"]

    Element source

    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="responsive" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    5

    Element location

    .sc-73f7cb0-1.faAnLD:nth-child(6) > .sc-1bd5e82a-0.biraaK > .sc-73f7cb0-3.hdJgLZ > .Mawk.sc-c52b9626-0.kNeovC > .xqjxP.sc-c52b9626-2.sc-73f7cb0-5 > span > img[data-nimg="responsive"][decoding="async"]

    Element source

    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="responsive" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    6

    Element location

    .sc-73f7cb0-3.hdJgLZ > .ljAfGB.sc-c52b9626-0.kNeovC > .ksNhbv.sc-c52b9626-2.sc-73f7cb0-5 > span > img[data-nimg="responsive"][decoding="async"]

    Element source

    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="responsive" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    3. Ensures landmarks are unique
    Learn more
    landmark-unique
    Best practice

    Landmarks should have a unique role or role/label/title (i.e. accessible name) combination

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .sc-4478735d-4

    Element source

    <nav role="navigation" class="sc-4478735d-4 jFHeRp">

    Fix any of the following:

    • The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable

    Related node:

    #mobile-menu > nav
    # Description Axe rule ID WCAG Nodes passed check
    1 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 13
    2 ARIA role should be appropriate for the element aria-allowed-role Best practice 6
    3 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    4 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 14
    5 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 4
    6 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 4
    7 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 7
    8 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 13
    9 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 32
    10 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 6
    11 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    12 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 72
    13 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    14 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1 5
    15 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 16
    16 Headings should not be empty empty-heading Best practice 18
    17 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2 8
    18 Heading levels should only increase by one heading-order Best practice 18
    19 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    20 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    21 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 20
    22 Alternative text of images should not be repeated as text image-redundant-alt Best practice 6
    23 Form elements should have a visible label label-title-only Best practice 8
    24 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 7
    25 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice 1
    26 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice 1
    27 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice 1
    28 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice 1
    29 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice 1
    30 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice 1
    31 Document should not have more than one main landmark landmark-no-duplicate-main Best practice 1
    32 Document should have one main landmark landmark-one-main Best practice 1
    33 Ensures landmarks are unique landmark-unique Best practice 4
    34 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 32
    35 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 2
    36 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 10
    37 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    38 Zooming and scaling should not be disabled meta-viewport Best practice 1
    39 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 15
    40 Page should contain a level-one heading page-has-heading-one Best practice 1
    41 All page content should be contained by landmarks region Best practice 334
    42 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 1

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 6

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
    4 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice
    5 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    6 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    7 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
    8 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
    9 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
    10 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    11 "role=text" should have no focusable descendants aria-text Best practice
    12 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    13 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    14 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    15 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5
    16 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    17 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    18 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    19 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1
    20 Table header text must not be empty empty-table-header WCAG 1.3.1
    21 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    22 Frames should be tested with axe-core frame-tested Best practice
    23 Frames should have a unique title attribute frame-title-unique Best practice
    24 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2
    25 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    26 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
    27 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    28 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    29 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    30 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    31 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    32 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    33 scope attribute should be used correctly scope-attr-valid Best practice
    34 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
    35 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    36 The skip-link target should exist and be focusable skip-link Best practice
    37 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    38 Elements should not have tabindex greater than zero tabindex Best practice
    39 tables should not have the same summary and caption table-duplicate-name Best practice
    40 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    41 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    42 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
    43 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  18. AXE Accessibility Results

    axe-core found 101 violations
    # Description Axe rule ID WCAG Impact Count
    1 Heading levels should only increase by one heading-order Best practice moderate 4
    2 Alternative text of images should not be repeated as text image-redundant-alt Best practice minor 6
    3 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 critical 1
    4 Document should have one main landmark landmark-one-main Best practice moderate 1
    5 Ensures landmarks are unique landmark-unique Best practice moderate 1
    6 All page content should be contained by landmarks region Best practice moderate 88

    Failed

    1. Heading levels should only increase by one
    Learn more
    heading-order
    Best practice

    Ensures the order of headings is semantically correct

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    h5:nth-child(1)

    Element source

    <h5 class="mb">De energieprijzen zijn nu heel hoog. Bespaar alsnog geld met zonnepanelen!</h5>

    Fix any of the following:

    • Heading order invalid
    2

    Element location

    h6

    Element source

    <h6 class="u-text-color-grey u-font-style--italic"><!--ResId: 442-->De tarieven zijn incl. het verlaagde btw-tarief van 9%</h6>

    Fix any of the following:

    • Heading order invalid
    3

    Element location

    .u-1\/2-default > h4

    Element source

    <h4 class="mb--">
    
    Installateur? Wij zoeken jou!
    </h4>

    Fix any of the following:

    • Heading order invalid
    4

    Element location

    header > h4

    Element source

    <h4>Navigatie</h4>

    Fix any of the following:

    • Heading order invalid
    2. Alternative text of images should not be repeated as text
    Learn more
    image-redundant-alt
    Best practice

    Ensure image alternative is not repeated as text

    minor
    Issue Tags: cat.text-alternatives best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    img[alt="Verzekeringen vergelijken"]

    Element source

    <img data-lazyload-src="https://static.gaslicht.com/v/8547a9cc/img/logos/bencom-labels/bencom-verzekeringen.svg" alt="Verzekeringen vergelijken" class="c-bencom-labels__image c-round-badge">

    Fix all of the following:

    • Element contains <img> element with alt text that duplicates existing text
    2

    Element location

    .c-bencom-labels__item[rel="noopener"][target="_blank"]:nth-child(2) > .c-bencom-labels__image.c-round-badge

    Element source

    <img data-lazyload-src="https://static.gaslicht.com/v/8547a9cc/img/logos/bencom-labels/bencom-bellen.svg" alt="Telefoon abonnement vergelijken" class="c-bencom-labels__image c-round-badge">

    Fix all of the following:

    • Element contains <img> element with alt text that duplicates existing text
    3

    Element location

    img[alt="Internet vergelijken"]

    Element source

    <img data-lazyload-src="https://static.gaslicht.com/v/8547a9cc/img/logos/bencom-labels/bencom-internetten.svg" alt="Internet vergelijken" class="c-bencom-labels__image c-round-badge">

    Fix all of the following:

    • Element contains <img> element with alt text that duplicates existing text
    4

    Element location

    img[alt="Digitale TV vergelijken"]

    Element source

    <img data-lazyload-src="https://static.gaslicht.com/v/8547a9cc/img/logos/bencom-labels/bencom-digitelevisie.svg" alt="Digitale TV vergelijken" class="c-bencom-labels__image c-round-badge">

    Fix all of the following:

    • Element contains <img> element with alt text that duplicates existing text
    5

    Element location

    img[alt="Alles-in-1 vergelijken"]

    Element source

    <img data-lazyload-src="https://static.gaslicht.com/v/8547a9cc/img/logos/bencom-labels/bencom-totaalwijzer.svg" alt="Alles-in-1 vergelijken" class="c-bencom-labels__image c-round-badge">

    Fix all of the following:

    • Element contains <img> element with alt text that duplicates existing text
    6

    Element location

    img[alt="Hotels vergelijken"]

    Element source

    <img data-lazyload-src="https://static.gaslicht.com/v/8547a9cc/img/logos/bencom-labels/bencom-l4b.svg" alt="Hotels vergelijken" class="c-bencom-labels__image c-round-badge">

    Fix all of the following:

    • Element contains <img> element with alt text that duplicates existing text
    3. Form elements must have labels
    Learn more
    label
    WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1

    Ensures every form element has a label

    critical
    Issue Tags: cat.forms wcag2a wcag412 wcag131 section508 section508.22.n ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #idin-explanation

    Element source

    <input id="idin-explanation" type="checkbox" class="o-toggle__trigger-instant u-visuallyhidden">

    Fix all of the following:

    • Form element has explicit <label> that is hidden
    4. Document should have one main landmark
    Learn more
    landmark-one-main
    Best practice

    Ensures the document has a main landmark

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html lang="nl" class="js localstorage sessionstorage csspositionsticky placeholder no-hiddenscroll no-touchevents cssanimations" style="">

    Fix all of the following:

    • Document does not have a main landmark
    5. Ensures landmarks are unique
    Learn more
    landmark-unique
    Best practice

    Landmarks should have a unique role or role/label/title (i.e. accessible name) combination

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .c-site__header > nav

    Element source

    <nav class="u-visuallyhidden">
    <div class="delta u-weight--bold">Spring snel naar:</div>
    <ul>
    <li><a href="#navigation" title="">Navigatie</a></li>
    <li><a href="#main" title="">Inhoud</a></li>
    </ul>
    </nav>

    Fix any of the following:

    • The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable

    Related node:

    .c-main-navigation
    .c-footer__sitemap
    6. All page content should be contained by landmarks
    Learn more
    region
    Best practice

    Ensures all page content is contained by landmarks

    moderate
    Issue Tags: cat.keyboard best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .u-14\/24-desk

    Element source

    <div class="layout__item u-14/24-desk u-15/24-lap">

    Fix any of the following:

    • Some page content is not contained by landmarks
    2

    Element location

    .u-4\/24-default.u-1\/2-palm.layout__item:nth-child(1)

    Element source

    <div class="u-1/2-palm u-4/24-default layout__item">

    Fix any of the following:

    • Some page content is not contained by landmarks
    3

    Element location

    .u-4\/24-default.u-1\/2-palm.layout__item:nth-child(2)

    Element source

    <div class="u-1/2-palm u-4/24-default layout__item">

    Fix any of the following:

    • Some page content is not contained by landmarks
    4

    Element location

    .u-4\/24-default.u-1\/2-palm.layout__item:nth-child(3)

    Element source

    <div class="u-1/2-palm u-4/24-default layout__item">

    Fix any of the following:

    • Some page content is not contained by landmarks
    5

    Element location

    .u-4\/24-default.u-1\/2-palm.layout__item:nth-child(4)

    Element source

    <div class="u-1/2-palm u-4/24-default layout__item">

    Fix any of the following:

    • Some page content is not contained by landmarks
    6

    Element location

    #cookieConsentTabs

    Element source

    <ul class="c-tabbox__tabs zeta o-list-base" id="cookieConsentTabs">

    Fix any of the following:

    • Some page content is not contained by landmarks
    7

    Element location

    .c-cookiebanner__consenttab--tabcontent.u-visuallyhidden.u-border:nth-child(3)

    Element source

    <div class="c-cookiebanner__consenttab--tabcontent u-border zeta u-visuallyhidden">

    Fix any of the following:

    • Some page content is not contained by landmarks
    8

    Element location

    .c-cookiebanner__consenttab--tabcontent.u-visuallyhidden.u-border:nth-child(4)

    Element source

    <div class="c-cookiebanner__consenttab--tabcontent u-border zeta u-visuallyhidden">

    Fix any of the following:

    • Some page content is not contained by landmarks
    9

    Element location

    .c-cookiebanner__consenttab--tabcontent.u-visuallyhidden.u-border:nth-child(5)

    Element source

    <div class="c-cookiebanner__consenttab--tabcontent u-border zeta u-visuallyhidden">

    Fix any of the following:

    • Some page content is not contained by landmarks
    10

    Element location

    .c-cookiebanner__consenttab--tabcontent.u-visuallyhidden.u-border:nth-child(6)

    Element source

    <div class="c-cookiebanner__consenttab--tabcontent u-border zeta u-visuallyhidden">

    Fix any of the following:

    • Some page content is not contained by landmarks
    11

    Element location

    .c-cookiebanner__consenttab--tabcontent.u-visuallyhidden.u-border:nth-child(7)

    Element source

    <div class="c-cookiebanner__consenttab--tabcontent u-border zeta u-visuallyhidden">

    Fix any of the following:

    • Some page content is not contained by landmarks
    12

    Element location

    .c-cookiebanner__consenttab--tabcontent.u-visuallyhidden.u-border:nth-child(8)

    Element source

    <div class="c-cookiebanner__consenttab--tabcontent u-border zeta u-visuallyhidden">

    Fix any of the following:

    • Some page content is not contained by landmarks
    13

    Element location

    .layout--auto.layout--small.layout--middle > .layout__item:nth-child(1)

    Element source

    <div class="layout__item">

    Fix any of the following:

    • Some page content is not contained by landmarks
    14

    Element location

    .u-portable-display--none.u-text-align--center.layout__item

    Element source

    <div class="layout__item u-text-align--center u-portable-display--none">

    Fix any of the following:

    • Some page content is not contained by landmarks
    15

    Element location

    .c-bencom-label

    Element source

    <section class="c-bencom-label">

    Fix any of the following:

    • Some page content is not contained by landmarks
    16

    Element location

    .c-ben-woldring

    Element source

    <img src="https://static.gaslicht.com/v/8547a9cc/img/graphics/ben-thumbsup.svg" alt="Ben Woldring" class="c-ben-woldring" title="Oprichter Ben Woldring">

    Fix any of the following:

    • Some page content is not contained by landmarks
    17

    Element location

    .c-account-button-mobile > .u-visuallyhidden

    Element source

    <span class="u-visuallyhidden">Inloggen</span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    18

    Element location

    .c-helpdesk-status > span

    Element source

    <span>
    
    Vragen? Wij zijn vandaag bereikbaar tot
    
    17.00 uur
    </span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    19

    Element location

    .mr--

    Element source

    <a href="tel:0342 - 411 350" class="mr-- mt0 mb--">
    
    0342 - 411 350
    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    20

    Element location

    .mt- > .u-white-space--nowrap

    Element source

    <span class="u-white-space--nowrap">

    Fix any of the following:

    • Some page content is not contained by landmarks
    21

    Element location

    .desk-pr

    Element source

    <div class="layout__item u-1/1-palm u-1/1-lap desk-pr palm-mb- u-lap-text-align--center lap-mb-">

    Fix any of the following:

    • Some page content is not contained by landmarks
    22

    Element location

    .c-micro-form__input

    Element source

    <input type="email" required="required" name="email" placeholder="E-mailadres" pattern="^[a-zA-Z0-9._+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,16}$" class="c-micro-form__input">

    Fix any of the following:

    • Some page content is not contained by landmarks
    23

    Element location

    .u-1\/4-desk-wide > .pt--

    Element source

    <div class="pt--">

    Fix any of the following:

    • Some page content is not contained by landmarks
    24

    Element location

    .c-gl-landing-page__header

    Element source

    <div class="c-gl-landing-page__header default-pt+ palm-pt0">

    Fix any of the following:

    • Some page content is not contained by landmarks
    25

    Element location

    .u-4\/5-desk.layout__item

    Element source

    <div class="layout__item u-4/5-desk">

    Fix any of the following:

    • Some page content is not contained by landmarks
    26

    Element location

    .palm-mt-.u-display--inline-block

    Element source

    <div class="palm-mt- u-display--inline-block">

    Fix any of the following:

    • Some page content is not contained by landmarks
    27

    Element location

    .js-trigger-account-login

    Element source

    <a href="https://account.gaslicht.com/login" class="js-trigger-account-login c-homepage__badge-button zeta u-1/1">
    
    Eerder overgestapt via Gaslicht.com? <span class="u-lap-display--none u-white-space--nowrap">Stap sneller over</span>
    <div class="c-homepage__badge-button-cta"></div>
    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    28

    Element location

    #idin-explanation

    Element source

    <input id="idin-explanation" type="checkbox" class="o-toggle__trigger-instant u-visuallyhidden">

    Fix any of the following:

    • Some page content is not contained by landmarks
    29

    Element location

    .u-desk-white-space--nowrap

    Element source

    <div class="epsilon u-weight--italic-bold mb  u-palm-visuallyhidden u-desk-white-space--nowrap">Vergelijk het volledige energieaanbod</div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    30

    Element location

    label[for="postal"]

    Element source

    <label class="u-weight--bold u-display--inline-block" for="postal">Postcode</label>

    Fix any of the following:

    • Some page content is not contained by landmarks
    31

    Element location

    #postal

    Element source

    <input autocapitalize="characters" class="js-postal-mask u-text-transform--uppercase c-gl-input-box__input" data-message-regex="<!--ResId: 188-->U heeft uw postcode niet juist ingevuld" id="postal" maxlength="7" name="postal" type="text" value="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    32

    Element location

    .u-1\/4.layout__item:nth-child(2)

    Element source

    <div class="layout__item u-1/4">
    <label class="u-weight--bold u-display--inline-block" for="housenr">
    
    Huisnr.
    </label>
    <input class="c-gl-input-box__input" id="housenr" name="houseNr" type="number" min="1" pattern="[0-9]*">
    </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    33

    Element location

    .u-1\/4.layout__item:nth-child(3)

    Element source

    <div class="layout__item u-1/4">
    <label class="u-weight--bold u-display--inline-block" for="housenrAdditional">Toev.</label>
    <input class="c-gl-input-box__input" id="housenrAdditional" name="housenrAdditional" type="text">
    </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    34

    Element location

    .c-filter-section__sub-heading

    Element source

    <label class="c-filter-section__sub-heading" for="huidigeLeverancier">
    
    Huidige leverancier
    </label>

    Fix any of the following:

    • Some page content is not contained by landmarks
    35

    Element location

    #huidigeLeverancier

    Element source

    <select id="huidigeLeverancier" name="huidigeLeverancier" onchange="GTM.dlCompareFilter('Huidige leverancier', this)">

    Fix any of the following:

    • Some page content is not contained by landmarks
    36

    Element location

    #inputhelp0

    Element source

    <input class="c-gl-compare-widget__input js-compare-widget__usage-switch u-visuallyhidden" id="inputhelp0" name="inputhelp" tabindex="-1" type="radio" value="custom">

    Fix any of the following:

    • Some page content is not contained by landmarks
    37

    Element location

    #inputhelp1

    Element source

    <input checked="checked" class="c-gl-compare-widget__input u-visuallyhidden" id="inputhelp1" name="inputhelp" tabindex="-1" type="radio" value="indication" aria-label="help mij schatten">

    Fix any of the following:

    • Some page content is not contained by landmarks
    38

    Element location

    .u-13\/24-portable > .mb--.u-weight--bold.zeta

    Element source

    <div class="zeta u-weight--bold mb--">Aantal personen</div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    39

    Element location

    #solarpanels

    Element source

    <input type="checkbox" class="js-solar-switch o-toggle__trigger-instant u-visuallyhidden" id="solarpanels">

    Fix any of the following:

    • Some page content is not contained by landmarks
    40

    Element location

    label[for="solarpanels"]

    Element source

    <label class="c-link c-link--underline o-toggle__wrapper--inverse mt+ u-text-color-grey u-text-align--right u-white-space--nowrap" for="solarpanels">Ik heb zonnepanelen</label>

    Fix any of the following:

    • Some page content is not contained by landmarks
    41

    Element location

    .c-gl-compare-widget__electricity-usage

    Element source

    <label for="usageElectricitySingle" class="c-gl-compare-widget__electricity-usage js-compare-widget__switch-menu u-display--inline-block">
    <span class="u-text-color-black js-compare-widget__electricity-usage">3500</span>
    <abbr title="kilowattuur">kWh</abbr>
    </label>

    Fix any of the following:

    • Some page content is not contained by landmarks
    42

    Element location

    .c-gl-compare-widget__gas-usage

    Element source

    <label for="usageGas" class="c-gl-compare-widget__gas-usage js-compare-widget__switch-menu u-display--inline-block  ml-">
    <span class="u-text-color-black js-compare-widget__gas-usage">1500</span> <abbr title="kubieke meter">m<sup>3</sup></abbr>
    </label>

    Fix any of the following:

    • Some page content is not contained by landmarks
    43

    Element location

    .mt--.zeta

    Element source

    <div class="zeta mt--">
    <label class="js-compare-widget-trigger custom c-link c-link--cta" for="inputhelp0">Ik wil mijn verbruik zelf invullen</label>
    </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    44

    Element location

    .js-compare-widget__reset

    Element source

    <div class="u-text-align--center u-base-line-height js-compare-widget__reset">
    <a href="/energievergelijker/reset" rel="nofollow" title="Wis ingevoerde gegevens" class="js-gl-compare-widget__reset c-gl-compare-widget__reset u-weight--bold">Begin opnieuw met vergelijken</a>
    </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    45

    Element location

    .js-smooth-scroll

    Element source

    <a href="#incentive" data-smooth-scroll-offset="-150" class="js-smooth-scroll c-incentive-inputwidget u-display--block u-border--top u-hover-text-decoration--none u-text-align--center ">

    Fix any of the following:

    • Some page content is not contained by landmarks
    46

    Element location

    .c-top5-tabs__tabs

    Element source

    <div class="c-top5-tabs__tabs default-mb+">
    <h3 class="c-top5-tabs__title epsilon u-weight--normal">
    
    De goedkoopste energiepakketten:
    </h3>
    </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    47

    Element location

    .u-palm-visuallyhidden.layout--flush.u-text-color-grey

    Element source

    <div class="layout layout--flush u-text-color-grey mb- u-palm-visuallyhidden">

    Fix any of the following:

    • Some page content is not contained by landmarks
    48

    Element location

    .u-border--top.pv-:nth-child(1) > .layout--flush.layout--middle.layout > .u-6\/24-palm.u-3\/24-desk.u-3\/24-lap

    Element source

    <div class="layout__item u-3/24-desk u-3/24-lap u-6/24-palm palm-mb--">

    Fix any of the following:

    • Some page content is not contained by landmarks
    49

    Element location

    .u-border--top.pv-:nth-child(1) > .layout--flush.layout--middle.layout > .u-16\/24-desk-wide.u-15\/24-desk.u-13\/24-lap > .c-top5-tabs__package-name.palm-pl.u-vertical-align--middle

    Element source

    <a class="zeta u-weight--bold u-display--block c-top5-tabs__package-name u-vertical-align--middle palm-pl" href="/energie-vergelijken/engie/flexibele-groene-stroom-en-co2-gecompenseerd-gas-4804?from=top5-1" rel="nofollow" title="Flexibele Groene Stroom en CO2-gecompenseerd Gas">

    Fix any of the following:

    • Some page content is not contained by landmarks
    50

    Element location

    .u-border--top.pv-:nth-child(1) > .layout--flush.layout--middle.layout > .u-16\/24-desk-wide.u-15\/24-desk.u-13\/24-lap > .c-tag.desk-mr--.u-border-radius--:nth-child(2)

    Element source

    <span class="c-tag palm-small desk-mr-- mb-- u-border-radius-- u-border js-tooltip-trigger c-tooltip-trigger tooltipstered">
    
    Variabel
    
    tarief
    <span class="c-icon-info u-opacity--75"></span>
    </span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    51

    Element location

    .u-border--top.pv-:nth-child(1) > .layout--flush.layout--middle.layout > .u-16\/24-desk-wide.u-15\/24-desk.u-13\/24-lap > .c-tag.desk-mr--.u-border-radius--:nth-child(4)

    Element source

    <span class="c-tag palm-small desk-mr-- mb-- u-border u-border-radius--">Elk moment opzegbaar</span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    52

    Element location

    .u-border--top.pv-:nth-child(1) > .layout--flush.layout--middle.layout > .u-5\/24-lap.u-12\/24-palm.u-palm-text-align--left > .palm-pl > .u-visibility--hidden-

    Element source

    <div class="u-visibility--hidden-">
    <span class="c-spec epsilon u-weight--bold js-tooltip-trigger c-tooltip-trigger u-text-decoration--dashed-underline tooltipstered">€&nbsp;7382<span class="c-spec__decimals">,53</span>
    </span>
    
    </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    53

    Element location

    .u-border--top.pv-:nth-child(1) > .layout--flush.layout--middle.layout > .u-2\/24-desk.u-4\/24-palm.u-3\/24-lap

    Element source

    <div class="layout__item u-2/24-desk u-3/24-lap u-4/24-palm u-text-align--right pl-">

    Fix any of the following:

    • Some page content is not contained by landmarks
    54

    Element location

    .u-border--top.pv-:nth-child(2) > .layout--flush.layout--middle.layout > .u-6\/24-palm.u-3\/24-desk.u-3\/24-lap

    Element source

    <div class="layout__item u-3/24-desk u-3/24-lap u-6/24-palm palm-mb--">

    Fix any of the following:

    • Some page content is not contained by landmarks
    55

    Element location

    .u-border--top.pv-:nth-child(2) > .layout--flush.layout--middle.layout > .u-16\/24-desk-wide.u-15\/24-desk.u-13\/24-lap > .c-top5-tabs__package-name.palm-pl.u-vertical-align--middle

    Element source

    <a class="zeta u-weight--bold u-display--block c-top5-tabs__package-name u-vertical-align--middle palm-pl" href="/energie-vergelijken/budgetenergie/groene-stroom-en-aardgas-variabel-4737?from=top5-2" rel="nofollow" title="Groene Stroom en Aardgas Variabel">
    
    Groene Stroom en Aardgas Variabel
    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    56

    Element location

    .u-border--top.pv-:nth-child(2) > .layout--flush.layout--middle.layout > .u-16\/24-desk-wide.u-15\/24-desk.u-13\/24-lap > .c-tag.desk-mr--.u-border-radius--:nth-child(2)

    Element source

    <span class="c-tag palm-small desk-mr-- mb-- u-border-radius-- u-border js-tooltip-trigger c-tooltip-trigger tooltipstered">
    
    Variabel
    
    tarief
    
    per maand
    <span class="c-icon-info u-opacity--75"></span>
    </span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    57

    Element location

    .u-border--top.pv-:nth-child(2) > .layout--flush.layout--middle.layout > .u-16\/24-desk-wide.u-15\/24-desk.u-13\/24-lap > .c-tag.desk-mr--.u-border-radius--:nth-child(4)

    Element source

    <span class="c-tag palm-small desk-mr-- mb-- u-border u-border-radius--">Elk moment opzegbaar</span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    58

    Element location

    .u-border--top.pv-:nth-child(2) > .layout--flush.layout--middle.layout > .u-5\/24-lap.u-12\/24-palm.u-palm-text-align--left > .palm-pl > .u-visibility--hidden-

    Element source

    <div class="u-visibility--hidden-">
    <span class="c-spec epsilon u-weight--bold js-tooltip-trigger c-tooltip-trigger u-text-decoration--dashed-underline tooltipstered">€&nbsp;7406<span class="c-spec__decimals">,41</span>
    </span>
    
    </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    59

    Element location

    .u-border--top.pv-:nth-child(2) > .layout--flush.layout--middle.layout > .u-2\/24-desk.u-4\/24-palm.u-3\/24-lap

    Element source

    <div class="layout__item u-2/24-desk u-3/24-lap u-4/24-palm u-text-align--right pl-">

    Fix any of the following:

    • Some page content is not contained by landmarks
    60

    Element location

    .u-border--top.pv-:nth-child(3) > .layout--flush.layout--middle.layout > .u-6\/24-palm.u-3\/24-desk.u-3\/24-lap

    Element source

    <div class="layout__item u-3/24-desk u-3/24-lap u-6/24-palm palm-mb--">

    Fix any of the following:

    • Some page content is not contained by landmarks
    61

    Element location

    .u-border--top.pv-:nth-child(3) > .layout--flush.layout--middle.layout > .u-16\/24-desk-wide.u-15\/24-desk.u-13\/24-lap > .c-top5-tabs__package-name.palm-pl.u-vertical-align--middle

    Element source

    <a class="zeta u-weight--bold u-display--block c-top5-tabs__package-name u-vertical-align--middle palm-pl" href="/energie-vergelijken/mega/eu-groene-stroom-en-aardgas-variabel-4816?from=top5-3" rel="nofollow" title="EU Groene Stroom en Aardgas Variabel">
    
    EU Groene Stroom en Aardgas Variabel
    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    62

    Element location

    .u-border--top.pv-:nth-child(3) > .layout--flush.layout--middle.layout > .u-16\/24-desk-wide.u-15\/24-desk.u-13\/24-lap > .c-tag.desk-mr--.u-border-radius--:nth-child(2)

    Element source

    <span class="c-tag palm-small desk-mr-- mb-- u-border-radius-- u-border js-tooltip-trigger c-tooltip-trigger tooltipstered">
    
    Variabel
    
    tarief
    
    per maand
    <span class="c-icon-info u-opacity--75"></span>
    </span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    63

    Element location

    .u-border--top.pv-:nth-child(3) > .layout--flush.layout--middle.layout > .u-16\/24-desk-wide.u-15\/24-desk.u-13\/24-lap > .c-tag.desk-mr--.u-border-radius--:nth-child(4)

    Element source

    <span class="c-tag palm-small desk-mr-- mb-- u-border u-border-radius--">Elk moment opzegbaar</span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    64

    Element location

    .u-border--top.pv-:nth-child(3) > .layout--flush.layout--middle.layout > .u-5\/24-lap.u-12\/24-palm.u-palm-text-align--left > .palm-pl > .u-visibility--hidden-

    Element source

    <div class="u-visibility--hidden-">
    <span class="c-spec epsilon u-weight--bold js-tooltip-trigger c-tooltip-trigger u-text-decoration--dashed-underline tooltipstered">€&nbsp;8917<span class="c-spec__decimals">,58</span>
    </span>
    
    </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    65

    Element location

    .u-border--top.pv-:nth-child(3) > .layout--flush.layout--middle.layout > .u-2\/24-desk.u-4\/24-palm.u-3\/24-lap

    Element source

    <div class="layout__item u-2/24-desk u-3/24-lap u-4/24-palm u-text-align--right pl-">

    Fix any of the following:

    • Some page content is not contained by landmarks
    66

    Element location

    .u-float--left.u-palm-float--none.u-lap-float--none

    Element source

    <div class="zeta u-text-color-grey u-float--left u-palm-float--none u-lap-float--none mt-">

    Fix any of the following:

    • Some page content is not contained by landmarks
    67

    Element location

    .c-top5-tabs__pane > .u-desk-text-align--right

    Element source

    <div class="u-desk-text-align--right">
    <a href="/energievergelijken/resultaten" rel="nofollow" class="c-link c-link--cta mt- u-display--inline-block">
    
    Meer pakketten
    </a>
    </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    68

    Element location

    .c-link--hover-underline

    Element source

    <a href="/over-deze-site/hoe-wordt-top-5-samengesteld" class="c-link c-link--cta c-link--hover-underline js-popup c-top5-tabs__explanation-link mt0 mr desk-wide-mr+ u-palm-float--none u-lap-float--none ">
    
    Hoe is deze lijst berekend?
    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    69

    Element location

    .u-2\/5-lap

    Element source

    <div class="layout__item u-1/2-desk u-2/5-lap u-text-color-white u-text-align--center palm-mb pt-">
    <blockquote class="beta lap-gamma mb desk-ph++ palm-ph-">
    
    "efficient en overzichtelijk.."
    </blockquote>
    <div class="zeta mb--">
    
    15 september 2022
    
    </div>
    </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    70

    Element location

    .c-ekomi__visual-ben

    Element source

    <img data-lazyload-src="https://static.gaslicht.com/v/8547a9cc/img/graphics/ben-thumbsup.svg" alt="Website van het Jaar" class="c-ekomi__visual-ben u-display--inline-block">

    Fix any of the following:

    • Some page content is not contained by landmarks
    71

    Element location

    .u-display-palm-epsilon

    Element source

    <strong itemprop="ratingValue" class="c-spec ml-- u-display--inline-block delta u-display-palm-epsilon">9,4</strong>

    Fix any of the following:

    • Some page content is not contained by landmarks
    72

    Element location

    .u-palm-text-align--left > .u-weight--bold

    Element source

    <div class="u-weight--bold"><span itemprop="reviewCount">36087</span> overstappers<span class="u-weight--normal">&nbsp;beoordeelden ons</span></div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    73

    Element location

    a[title="Lees alle beoordelingen"]

    Element source

    <a href="https://www.ekomi.nl/klantenmeningen-gaslichtcom.html" target="_blank" rel="noopener" class="c-link c-link--cta" title="Lees alle beoordelingen">
    
    Lees alle beoordelingen
    </a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    74

    Element location

    .c-site__body > .u-bg-color-grey--x-light

    Element source

    <div class="u-bg-color-grey--x-light">

    Fix any of the following:

    • Some page content is not contained by landmarks
    75

    Element location

    .u-bg-color-gradient3--from

    Element source

    <div class="u-bg-color-gradient3--from">

    Fix any of the following:

    • Some page content is not contained by landmarks
    76

    Element location

    .u-gradient2--inverse.u-text-color-white

    Element source

    <div class="u-gradient2--inverse u-text-color-white">

    Fix any of the following:

    • Some page content is not contained by landmarks
    77

    Element location

    .layout--rev

    Element source

    <div class="layout layout--rev">

    Fix any of the following:

    • Some page content is not contained by landmarks
    78

    Element location

    .u-gradient2

    Element source

    <div class="u-gradient2">

    Fix any of the following:

    • Some page content is not contained by landmarks
    79

    Element location

    .u-2\/5-desk > h2

    Element source

    <h2 class="palm-epsilon lap-gamma u-font-style--italic default-mb palm-mb-">Hebt u een vraag over energie?</h2>

    Fix any of the following:

    • Some page content is not contained by landmarks
    80

    Element location

    .u-2\/5-desk > .mb-

    Element source

    <div class="mb-">
    
    Neem dan gerust <a href="/contact">contact</a> op met de experts van Gaslicht.com<br>
    
    Wij staan dagelijks voor u klaar.
    </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    81

    Element location

    .u-default-display--inline-block.mr:nth-child(1)

    Element source

    <li class="u-default-display--inline-block mr">

    Fix any of the following:

    • Some page content is not contained by landmarks
    82

    Element location

    .palm-mb0.u-default-display--inline-block

    Element source

    <li class="u-default-display--inline-block palm-mb0">

    Fix any of the following:

    • Some page content is not contained by landmarks
    83

    Element location

    .u-2\/5-default.pr.layout__item

    Element source

    <div class="layout__item u-2/5-default pr">
    <img data-lazyload-src="https://static.gaslicht.com/v/8547a9cc/img/graphics/gaslicht/servicedesk_contactform.png" class="u-palm-display--none" alt="Bencom specialisten">
    </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    84

    Element location

    .layout__item:nth-child(1) > header

    Element source

    <header class="u-visuallyhidden">
    <h4>Navigatie</h4>
    </header>

    Fix any of the following:

    • Some page content is not contained by landmarks
    85

    Element location

    .layout__item--flex-fill.u-text-align--right.layout__item

    Element source

    <div class="layout__item layout__item--flex-fill u-text-align--right">

    Fix any of the following:

    • Some page content is not contained by landmarks
    86

    Element location

    .desk-ph-

    Element source

    <div class="o-container pt+ desk-ph- palm-pb0 palm-pt pb">

    Fix any of the following:

    • Some page content is not contained by landmarks
    87

    Element location

    .pv.u-bg-color-grey--x-light

    Element source

    <section class="u-bg-color-grey--x-light pv">

    Fix any of the following:

    • Some page content is not contained by landmarks
    88

    Element location

    .c-footer__external

    Element source

    <section class="c-footer__external o-container">

    Fix any of the following:

    • Some page content is not contained by landmarks
    # Description Axe rule ID WCAG Nodes passed check
    1 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 2
    2 ARIA role should be appropriate for the element aria-allowed-role Best practice 2
    3 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    4 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 2
    5 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 2
    6 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 2
    7 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 18
    8 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 9
    9 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    10 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 116
    11 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    12 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 3
    13 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1 18
    14 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 32
    15 Headings should not be empty empty-heading Best practice 14
    16 Table header text must not be empty empty-table-header WCAG 1.3.1 20
    17 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2 14
    18 Heading levels should only increase by one heading-order Best practice 10
    19 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    20 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    21 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 86
    22 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 54
    23 Alternative text of images should not be repeated as text image-redundant-alt Best practice 48
    24 Form elements should have a visible label label-title-only Best practice 14
    25 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 12
    26 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice 1
    27 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice 1
    28 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 134
    29 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 14
    30 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 61
    31 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    32 Zooming and scaling should not be disabled meta-viewport Best practice 1
    33 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 101
    34 Page should contain a level-one heading page-has-heading-one Best practice 1
    35 All page content should be contained by landmarks region Best practice 986
    36 scope attribute should be used correctly scope-attr-valid Best practice 20
    37 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1 1
    38 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 1
    39 Elements should not have tabindex greater than zero tabindex Best practice 3
    40 tables should not have the same summary and caption table-duplicate-name Best practice 5
    41 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1 5
    42 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1 4
    43 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2 1

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 74
    2 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 2

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
    4 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice
    5 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    6 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    7 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
    8 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2
    9 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
    10 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
    11 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    12 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2
    13 "role=text" should have no focusable descendants aria-text Best practice
    14 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    15 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    16 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    17 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5
    18 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    19 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    20 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    21 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    22 Frames should be tested with axe-core frame-tested Best practice
    23 Frames should have a unique title attribute frame-title-unique Best practice
    24 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2
    25 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    26 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
    27 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    28 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice
    29 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
    30 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice
    31 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice
    32 Document should not have more than one main landmark landmark-no-duplicate-main Best practice
    33 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    34 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    35 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    36 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    37 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    38 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    39 The skip-link target should exist and be focusable skip-link Best practice
    40 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    41 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  19. AXE Accessibility Results

    axe-core found 68 violations
    # Description Axe rule ID WCAG Impact Count
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 67
    2 Zooming and scaling should not be disabled meta-viewport Best practice critical 1

    Failed

    1. Elements must have sufficient color contrast
    Learn more
    color-contrast
    WCAG 2 Level AA, WCAG 1.4.3

    Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

    serious
    Issue Tags: cat.color wcag2aa wcag143
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .coolbar-navigation--title.color--inverted[href$="energie"]

    Element source

    <a class="coolbar-navigation--title color--inverted" href="/energie" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;coolblue energy frontpage&quot;,&quot;action&quot;:&quot;coolblue title&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 11.3pt (15px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    header
    2

    Element location

    .js-coolbar-navigation-item-link > .coolbar-navigation--title.d--inline-block

    Element source

    <span class="coolbar-navigation--title
                                             d--inline-block">
                                    Onze producten
                                </span>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 11.3pt (15px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    header
    3

    Element location

    a[aria-label="Alles over energie besparen"] > .coolbar-navigation--title.d--inline-block

    Element source

    <span class="coolbar-navigation--title
                                             d--inline-block">
                                    Energie besparen
                                </span>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 11.3pt (15px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    header
    4

    Element location

    .coolbar-navigation--item-link.coolbar-navigation--item-login-link[href$="klantenservice"] > .coolbar-navigation--title.d--inline-block

    Element source

    <span class="coolbar-navigation--title
                                             d--inline-block">
                                    Klantenservice
                                </span>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 11.3pt (15px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    header
    5

    Element location

    .coolbar-navigation--item.coolbar-navigation--item-drop-down:nth-child(4) > .coolbar-navigation--item-link.coolbar-navigation--item-login-link[target="_blank"] > .coolbar-navigation--title.d--inline-block

    Element source

    <span class="coolbar-navigation--title
                                             d--inline-block">
                                    Mijn Coolblue Energie
                                </span>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 11.3pt (15px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    header
    6

    Element location

    a[href$="prijsplafond"]

    Element source

    <a href="/energie/prijsplafond" rel="nofollow">Wat betekent het door de overheid aangekondigde prijsplafond voor jou?</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.19 (foreground color: #0090e3, background color: #f2f7fc, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .notice
    7

    Element location

    .section--3 > .section--2 > .review-rating__link[href$="reviews"] > .review-rating--large.review-rating > .review-rating__reviews.text--truncate

    Element source

    <span class="review-rating__reviews text--truncate">
                                                    8,1/10 (48 reviews)
        
                                </span>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    8

    Element location

    a[href$="#save-energy"]

    Element source

    <a class="anchor-bar__link js-anchor-bar-tabs-link" href="#save-energy" title="Energie besparen" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;coolblue energy frontpage&quot;,&quot;action&quot;:&quot;click on anchor&quot;,&quot;label&quot;:&quot;Energie besparen&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #energy-frontpage-anchor-bar
    9

    Element location

    a[href$="#advantages"]

    Element source

    <a class="anchor-bar__link js-anchor-bar-tabs-link" href="#advantages" title="Voordelen" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;coolblue energy frontpage&quot;,&quot;action&quot;:&quot;click on anchor&quot;,&quot;label&quot;:&quot;Voordelen&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #energy-frontpage-anchor-bar
    10

    Element location

    a[href$="#reviews"]

    Element source

    <a class="anchor-bar__link js-anchor-bar-tabs-link" href="#reviews" title="Reviews" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;coolblue energy frontpage&quot;,&quot;action&quot;:&quot;click on anchor&quot;,&quot;label&quot;:&quot;Reviews&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #energy-frontpage-anchor-bar
    11

    Element location

    a[href$="#transfer-steps"]

    Element source

    <a class="anchor-bar__link js-anchor-bar-tabs-link" href="#transfer-steps" title="Overstappen" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;coolblue energy frontpage&quot;,&quot;action&quot;:&quot;click on anchor&quot;,&quot;label&quot;:&quot;Overstappen&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #energy-frontpage-anchor-bar
    12

    Element location

    a[href$="#faq"]

    Element source

    <a class="anchor-bar__link js-anchor-bar-tabs-link" href="#faq" title="Veelgestelde vragen" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;coolblue energy frontpage&quot;,&quot;action&quot;:&quot;click on anchor&quot;,&quot;label&quot;:&quot;Veelgestelde vragen&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #energy-frontpage-anchor-bar
    13

    Element location

    .list__item:nth-child(1) > .icon-with-text > .icon-with-text__text > .color--highlight

    Element source

    <strong class="color--highlight">Keiharde korting</strong>

    Fix any of the following:

    • Element has insufficient color contrast of 2.93 (foreground color: #ff6600, background color: #ffffff, font size: 9.8pt (13px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .tariff-tool
    14

    Element location

    .list__item:nth-child(2) > .icon-with-text > .icon-with-text__text > .color--highlight

    Element source

    <strong class="color--highlight">Advies</strong>

    Fix any of the following:

    • Element has insufficient color contrast of 2.93 (foreground color: #ff6600, background color: #ffffff, font size: 9.8pt (13px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .tariff-tool
    15

    Element location

    .list__item:nth-child(3) > .icon-with-text > .icon-with-text__text > .link--usp.d--inline-block[target="_blank"] > .color--highlight

    Element source

    <strong class="color--highlight">100% groen</strong>

    Fix any of the following:

    • Element has insufficient color contrast of 2.93 (foreground color: #ff6600, background color: #ffffff, font size: 9.8pt (13px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .tariff-tool
    16

    Element location

    .col--3\@md.col--6\@sm.col--12:nth-child(1) > .card.card--full-height > .card__information.js-card-information > .card__title > h4

    Element source

    <h4 class="h5 mb--0">Keiharde korting op energiebesparende producten</h4>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 9.8pt (13px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .col--3\@md.col--6\@sm.col--12:nth-child(1) > .card.card--full-height
    17

    Element location

    .card__title[href$="bespaartips"] > h4

    Element source

    <h4 class="h5 mb--0">Advies om energie te besparen</h4>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 9.8pt (13px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .col--3\@md.col--6\@sm.col--12:nth-child(2) > .card.card--full-height
    18

    Element location

    .call-to-action.call-to-action__link[href$="over-coolblue-energie"] > .call-to-action__content

    Element source

    <span class="call-to-action__content">
                Alles over Coolblue Energie
        </span>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    19

    Element location

    .label

    Element source

    <span class="label">
        tot € 250,- korting per product</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.93 (foreground color: #ffffff, background color: #ff6600, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .label
    20

    Element location

    #slogan-1522462284

    Element source

    <span class="fact-slogan__slogan fact-slogan__slogan--lg fact-slogan__slogan--inverted" id="slogan-1522462284">
        Kan watt vanaf.
    </span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.72 (foreground color: #cce9f9, background color: #0090e3, font size: 16.8pt (22.4px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .cursor-pointer.bg--primary.border-radius--default
    21

    Element location

    .section--4\@xs.color--inverted.section--8\@md

    Element source

    <p class="section--4@xs section--8@md color--inverted">
                    Een energiebesparende wasmachine bespaart je gemakkelijk tot wel € 80,- per jaar. En daar krijg je als klant van Coolblue Energie keiharde korting op.
                </p>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .cursor-pointer.bg--primary.border-radius--default
    22

    Element location

    .call-to-action--inverted > .call-to-action__content

    Element source

    <span class="call-to-action__content">
                Ontdek energiebesparende producten
        </span>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .cursor-pointer.bg--primary.border-radius--default
    23

    Element location

    #slogan-912913227

    Element source

    <span class="fact-slogan__slogan fact-slogan__slogan--lg" id="slogan-912913227">
        Voor de schakelaars.
    </span>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 16.8pt (22.4px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    24

    Element location

    #reviews > .section--2 > .review-rating__link[href$="reviews"] > .review-rating--large.review-rating > .review-rating__reviews.text--truncate

    Element source

    <span class="review-rating__reviews text--truncate">
                                                    8,1/10 (48 reviews)
        
                                </span>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    25

    Element location

    .swiper-slide-active.flex--column.p--5 > .justify-content--end.grow--1.flex--column > .additional-text.additional-text--wrap

    Element source

    <span class="additional-text additional-text--wrap">
        Arjan Winterink | 6 april 2022</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    26

    Element location

    .swiper-slide-next.flex--column.p--5 > .justify-content--end.grow--1.flex--column > .additional-text.additional-text--wrap

    Element source

    <span class="additional-text additional-text--wrap">
        Brigitte | 5 april 2022</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    27

    Element location

    .flex--column.p--5.border-style--default:nth-child(3) > .justify-content--end.grow--1.flex--column > .additional-text.additional-text--wrap

    Element source

    <span class="additional-text additional-text--wrap">
        Dennis | 28 december 2021</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    28

    Element location

    .call-to-action.call-to-action__link[href$="reviews"] > .call-to-action__content

    Element source

    <span class="call-to-action__content">
                Bekijk alle 48 reviews
        </span>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    29

    Element location

    a[href$="keuken"] > h4

    Element source

    <h4 class="h5 mb--0">Keuken</h4>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 9.8pt (13px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .swiper-slide-active.js-swipeable-content-slide > .card.card--full-height
    30

    Element location

    .swiper-slide-next.js-swipeable-content-slide > .card.card--full-height > .card__information.js-card-information > .card__title > h4

    Element source

    <h4 class="h5 mb--0">Verwarming</h4>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 9.8pt (13px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .swiper-slide-next.js-swipeable-content-slide > .card.card--full-height
    31

    Element location

    .js-swipeable-content-slide:nth-child(3) > .card.card--full-height > .card__information.js-card-information > .card__title > h4

    Element source

    <h4 class="h5 mb--0">Wassen en drogen</h4>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 9.8pt (13px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .js-swipeable-content-slide:nth-child(3) > .card.card--full-height
    32

    Element location

    .call-to-action.call-to-action__link[href$="bespaartips"] > .call-to-action__content

    Element source

    <span class="call-to-action__content">
                Bekijk alle bespaartips
        </span>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    33

    Element location

    .swiper-slide-active.js-swipeable-content-slide > .border-radius--default.overflow--hidden.h--100 > .p--5 > .h3.color--link

    Element source

    <strong class="h3 color--link">Bevestiging</strong>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 11.3pt (15px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    body
    34

    Element location

    .swiper-slide-next.js-swipeable-content-slide > .border-radius--default.overflow--hidden.h--100 > .p--5 > .h3.color--link

    Element source

    <strong class="h3 color--link">Energie besparen</strong>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 11.3pt (15px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    body
    35

    Element location

    .js-swipeable-content-slide:nth-child(3) > .border-radius--default.overflow--hidden.h--100 > .p--5 > .h3.color--link

    Element source

    <strong class="h3 color--link">Oude energiecontract</strong>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 11.3pt (15px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    body
    36

    Element location

    .js-swipeable-content-slide:nth-child(4) > .border-radius--default.overflow--hidden.h--100 > .p--5 > .h3.color--link

    Element source

    <strong class="h3 color--link">Meterstanden</strong>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 11.3pt (15px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    body
    37

    Element location

    .js-swipeable-content-slide:nth-child(5) > .border-radius--default.overflow--hidden.h--100 > .p--5 > .h3.color--link

    Element source

    <strong class="h3 color--link">Eerste betaling</strong>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 11.3pt (15px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    body
    38

    Element location

    .call-to-action.call-to-action__link[href$="overstappen"] > .call-to-action__content

    Element source

    <span class="call-to-action__content">
                Lees meer over overstappen
        </span>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    39

    Element location

    .call-to-action.call-to-action__link[href$="klantenservice"] > .call-to-action__content

    Element source

    <span class="call-to-action__content">
                Bekijk alle veelgestelde vragen
        </span>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    40

    Element location

    .link--inverted.link[href$="stroom-en-gas"] > .color--inverted

    Element source

    <h3 class="color--inverted">Stroom &amp; gas</h3>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 11.3pt (15px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .js-footer
    41

    Element location

    a[href$="groene-stroom"]

    Element source

    <a href="/energie/groene-stroom" class="link link--inverted" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;coolblue energy frontpage&quot;,&quot;action&quot;:&quot;footer link&quot;,&quot;label&quot;:&quot;green power&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .js-footer
    42

    Element location

    .list__item:nth-child(2) > a[href$="gas"]

    Element source

    <a href="/energie/gas" class="link link--inverted" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;coolblue energy frontpage&quot;,&quot;action&quot;:&quot;footer link&quot;,&quot;label&quot;:&quot;gas&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .js-footer
    43

    Element location

    .link--inverted.link[href$="overstappen"]

    Element source

    <a href="/energie/overstappen" class="link link--inverted" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;coolblue energy frontpage&quot;,&quot;action&quot;:&quot;footer link&quot;,&quot;label&quot;:&quot;transfer&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .js-footer
    44

    Element location

    a[href$="tarieven"]

    Element source

    <a href="/energie/tarieven" class="link link--inverted" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;coolblue energy frontpage&quot;,&quot;action&quot;:&quot;footer link&quot;,&quot;label&quot;:&quot;prices&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .js-footer
    45

    Element location

    .col--3\@sm.col--12:nth-child(1) > .hide\@sm-down > .section--3 > .list > .list__item:nth-child(5) > .link--inverted.link

    Element source

    <a href="https://servicehouse.nl/node/548" class="link link--inverted" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;coolblue energy frontpage&quot;,&quot;action&quot;:&quot;footer link&quot;,&quot;label&quot;:&quot;power label&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .js-footer
    46

    Element location

    a[href$="modelcontract"]

    Element source

    <a href="/energie/modelcontract" class="link link--inverted" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;coolblue energy frontpage&quot;,&quot;action&quot;:&quot;footer link&quot;,&quot;label&quot;:&quot;model contract&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .js-footer
    47

    Element location

    .link--inverted.link[href$="energie-besparen"] > .color--inverted

    Element source

    <h3 class="color--inverted">Energie besparen</h3>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 11.3pt (15px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .js-footer
    48

    Element location

    .col--3\@sm.col--12:nth-child(3) > .hide\@sm-down > .section--3 > .list > .list__item:nth-child(1) > .link--inverted.link

    Element source

    <a href="/energie/energie-besparende-producten" class="link link--inverted" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;coolblue energy frontpage&quot;,&quot;action&quot;:&quot;footer link&quot;,&quot;label&quot;:&quot;energy efficient products&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .js-footer
    49

    Element location

    a[href$="zonnepanelen"]

    Element source

    <a href="/zonnepanelen" class="link link--inverted" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;coolblue energy frontpage&quot;,&quot;action&quot;:&quot;footer link&quot;,&quot;label&quot;:&quot;solar panels&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .js-footer
    50

    Element location

    a[href$="laadpalen"]

    Element source

    <a href="/laadpalen" class="link link--inverted" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;coolblue energy frontpage&quot;,&quot;action&quot;:&quot;footer link&quot;,&quot;label&quot;:&quot;charging stations&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .js-footer
    51

    Element location

    .link--inverted.link[href$="klantenservice"] > .color--inverted

    Element source

    <h3 class="color--inverted">Klantenservice</h3>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 11.3pt (15px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .js-footer
    52

    Element location

    .link--inverted.link[target="_blank"]

    Element source

    <a href="https://mijn.coolblue-energie.nl" class="link link--inverted" target="_blank" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;coolblue energy frontpage&quot;,&quot;action&quot;:&quot;footer link&quot;,&quot;label&quot;:&quot;my coolblue energy&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .js-footer
    53

    Element location

    .col--3\@sm.col--12:nth-child(5) > .hide\@sm-down > .section--3 > .list > .list__item:nth-child(2) > .link--inverted.link

    Element source

    <a href="/energie/klantenservice/contract-en-gegevens" class="link link--inverted" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;coolblue energy frontpage&quot;,&quot;action&quot;:&quot;footer link&quot;,&quot;label&quot;:&quot;contract&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .js-footer
    54

    Element location

    .col--3\@sm.col--12:nth-child(5) > .hide\@sm-down > .section--3 > .list > .list__item:nth-child(3) > .link--inverted.link

    Element source

    <a href="/energie/klantenservice/financieel" class="link link--inverted" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;coolblue energy frontpage&quot;,&quot;action&quot;:&quot;footer link&quot;,&quot;label&quot;:&quot;financial&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .js-footer
    55

    Element location

    .col--3\@sm.col--12:nth-child(5) > .hide\@sm-down > .section--3 > .list > .list__item:nth-child(4) > .link--inverted.link

    Element source

    <a href="/energie/klantenservice/meterstanden-en-verhuizen" class="link link--inverted" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;coolblue energy frontpage&quot;,&quot;action&quot;:&quot;footer link&quot;,&quot;label&quot;:&quot;meter readings moving&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .js-footer
    56

    Element location

    a[href$="overig"]

    Element source

    <a href="/energie/klantenservice/overig" class="link link--inverted" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;coolblue energy frontpage&quot;,&quot;action&quot;:&quot;footer link&quot;,&quot;label&quot;:&quot;other&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .js-footer
    57

    Element location

    .link--inverted.link[href="https://aboutcoolblue.com/nl"] > .color--inverted

    Element source

    <h3 class="color--inverted">Over</h3>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 11.3pt (15px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .js-footer
    58

    Element location

    .link--inverted.link[href$="over-coolblue-energie"]

    Element source

    <a href="/energie/over-coolblue-energie" class="link link--inverted" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;coolblue energy frontpage&quot;,&quot;action&quot;:&quot;footer link&quot;,&quot;label&quot;:&quot;our story&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .js-footer
    59

    Element location

    .col--3\@sm.col--12:nth-child(7) > .hide\@sm-down > .section--3 > .list > .list__item:nth-child(2) > .link--inverted.link

    Element source

    <a href="https://aboutcoolblue.com/news/nl" class="link link--inverted" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;coolblue energy frontpage&quot;,&quot;action&quot;:&quot;footer link&quot;,&quot;label&quot;:&quot;news press&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .js-footer
    60

    Element location

    .col--3\@sm.col--12:nth-child(7) > .hide\@sm-down > .section--3 > .list > .list__item:nth-child(3) > .link--inverted.link

    Element source

    <a href="https://www.werkenbijcoolblue.nl/energie/" class="link link--inverted" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;coolblue energy frontpage&quot;,&quot;action&quot;:&quot;footer link&quot;,&quot;label&quot;:&quot;jobs&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #0090e3, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .js-footer
    61

    Element location

    a[href$="voorwaarden"]

    Element source

    <a href="/energie/voorwaarden" class="link" aria-label="Voorwaarden van Coolblue" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;coolblue energy frontpage&quot;,&quot;action&quot;:&quot;disclaimer&quot;,&quot;label&quot;:&quot;conditions&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    62

    Element location

    a[aria-label="Meer informatie over privacy"]

    Element source

    <a href="/privacy/energie" class="link" aria-label="Meer informatie over privacy" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;coolblue energy frontpage&quot;,&quot;action&quot;:&quot;disclaimer&quot;,&quot;label&quot;:&quot;conditions&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    63

    Element location

    a[href$="cookies"]

    Element source

    <a href="/cookies" class="link" aria-label="Meer informatie over ons gebruik van cookies." data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;coolblue energy frontpage&quot;,&quot;action&quot;:&quot;disclaimer&quot;,&quot;label&quot;:&quot;conditions&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    64

    Element location

    #slogan-13883031

    Element source

    <span class="fact-slogan__slogan fact-slogan__slogan--lg" id="slogan-13883031">
     Smaakmakers.
    </span>

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 16.8pt (22.4px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .modal-box__container
    65

    Element location

    button[name="know_more"]

    Element source

    <button type="submit" class="link" aria-label="Lees alles over ons cookiebeleid" name="know_more" value="1" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;cookiebar&quot;,&quot;action&quot;:&quot;click to cookiepage&quot;,&quot;label&quot;:&quot;Coolblue.nl&quot;},&quot;ga4&quot;:{&quot;name&quot;:&quot;cookie_banner.select_content_cookie_banner&quot;,&quot;params&quot;:{&quot;content&quot;:&quot;cookie_page&quot;}}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .modal-box__container
    66

    Element location

    button[aria-label="Weiger onze cookies"]

    Element source

    <button type="submit" class="link" aria-label="Weiger onze cookies" name="decline_cookie" value="1" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;cookiebar&quot;,&quot;action&quot;:&quot;deny&quot;,&quot;label&quot;:&quot;Coolblue.nl&quot;},&quot;ga4&quot;:{&quot;name&quot;:&quot;cookie_banner.select_content_cookie_banner&quot;,&quot;params&quot;:{&quot;content&quot;:&quot;reject&quot;}}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 3.44 (foreground color: #0090e3, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .modal-box__container
    67

    Element location

    button[aria-label="Accepteer onze cookies"]

    Element source

    <button type="submit" class="button button--order button--full-width" aria-label="Accepteer onze cookies" name="accept_cookie" value="1" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;cookiebar&quot;,&quot;action&quot;:&quot;accept&quot;,&quot;label&quot;:&quot;Coolblue.nl&quot;},&quot;ga4&quot;:{&quot;name&quot;:&quot;cookie_banner.select_content_cookie_banner&quot;,&quot;params&quot;:{&quot;content&quot;:&quot;accept&quot;}}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">

    Fix any of the following:

    • Element has insufficient color contrast of 2.64 (foreground color: #ffffff, background color: #00b900, font size: 9.8pt (13px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    button[aria-label="Accepteer onze cookies"]
    2. Zooming and scaling should not be disabled
    Learn more
    meta-viewport
    Best practice

    Ensures <meta name="viewport"> does not disable text scaling and zooming

    critical
    Issue Tags: cat.sensory-and-visual-cues best-practice ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    meta[name="viewport"]

    Element source

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

    Fix any of the following:

    • maximum-scale on <meta> tag disables zooming on mobile devices
    # Description Axe rule ID WCAG Nodes passed check
    1 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 23
    2 ARIA role should be appropriate for the element aria-allowed-role Best practice 8
    3 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice 1
    4 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    5 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 93
    6 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 2
    7 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 2
    8 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 23
    9 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 23
    10 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 23
    11 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 4
    12 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    13 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 67
    14 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    15 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1 14
    16 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 28
    17 Headings should not be empty empty-heading Best practice 26
    18 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2 3
    19 Heading levels should only increase by one heading-order Best practice 26
    20 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    21 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    22 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 49
    23 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 15
    24 Alternative text of images should not be repeated as text image-redundant-alt Best practice 15
    25 Form elements should have a visible label label-title-only Best practice 3
    26 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 2
    27 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice 1
    28 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice 1
    29 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice 1
    30 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice 1
    31 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice 1
    32 Document should not have more than one main landmark landmark-no-duplicate-main Best practice 1
    33 Document should have one main landmark landmark-one-main Best practice 1
    34 Ensures landmarks are unique landmark-unique Best practice 4
    35 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 54
    36 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 11
    37 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 40
    38 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    39 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 10
    40 Page should contain a level-one heading page-has-heading-one Best practice 1
    41 All page content should be contained by landmarks region Best practice 649
    42 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 1
    43 The skip-link target should exist and be focusable skip-link Best practice 1
    44 Elements should not have tabindex greater than zero tabindex Best practice 1

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 7

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
    4 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    5 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    6 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
    7 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
    8 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
    9 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    10 "role=text" should have no focusable descendants aria-text Best practice
    11 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    12 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    13 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    14 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5
    15 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    16 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    17 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    18 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1
    19 Table header text must not be empty empty-table-header WCAG 1.3.1
    20 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    21 Frames should be tested with axe-core frame-tested Best practice
    22 Frames should have a unique title attribute frame-title-unique Best practice
    23 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2
    24 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    25 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
    26 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    27 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
    28 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    29 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    30 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    31 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    32 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    33 scope attribute should be used correctly scope-attr-valid Best practice
    34 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
    35 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    36 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    37 tables should not have the same summary and caption table-duplicate-name Best practice
    38 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    39 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    40 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
    41 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  20. AXE Accessibility Results

    axe-core found 51 violations
    # Description Axe rule ID WCAG Impact Count
    1 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 critical 1
    2 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2 serious 1
    3 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 critical 1
    4 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 6
    5 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 serious 11
    6 Frames should have a unique title attribute frame-title-unique Best practice serious 2
    7 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 critical 1
    8 Document should have one main landmark landmark-one-main Best practice moderate 1
    9 Ensures landmarks are unique landmark-unique Best practice moderate 1
    10 All page content should be contained by landmarks region Best practice moderate 26

    Failed

    1. Elements must only use allowed ARIA attributes
    Learn more
    aria-allowed-attr
    WCAG 2 Level A, WCAG 4.1.2

    Ensures ARIA attributes are allowed for an element's role

    critical
    Issue Tags: cat.aria wcag2a wcag412
    # Issue Description To solve this violation, you need to...
    1

    Element location

    ngb-carousel

    Element source

    <ngb-carousel _ngcontent-innogy-app-c219="" tabindex="0" class="carousel slide customer-quote-carousel" aria-activedescendant="slide-0" style="display: block;">

    Fix any of the following:

    • ARIA attribute is not allowed: aria-activedescendant="slide-0"
    2. ARIA input fields must have an accessible name
    Learn more
    aria-input-field-name
    WCAG 2 Level A, WCAG 4.1.2

    Ensures every ARIA input field has an accessible name

    serious
    Issue Tags: cat.aria wcag2a wcag412 ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #slide-0 > ep-customer-quote-card > .pt-4.pb-8.px-8 > wl-rating > ngb-rating[aria-valuetext="5 out of 5"]

    Element source

    <ngb-rating _ngcontent-innogy-app-c114="" role="slider" aria-valuemin="0" class="d-inline-flex" tabindex="0" aria-valuemax="5" aria-valuenow="5" aria-valuetext="5 out of 5" aria-disabled="true">

    Fix any of the following:

    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    3. Buttons must have discernible text
    Learn more
    button-name
    WCAG 2 Level A, WCAG 4.1.2

    Ensures buttons have discernible text

    critical
    Issue Tags: cat.name-role-value wcag2a wcag412 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .navbar-toggle

    Element source

    <button _ngcontent-innogy-app-c205="" type="button" aira-label="Menu" wltracklink="" class="btn navbar-toggle d-xl-none p-0 ml-2" aria-expanded="false">

    Fix any of the following:

    • Element does not have inner text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    4. Elements must have sufficient color contrast
    Learn more
    color-contrast
    WCAG 2 Level AA, WCAG 1.4.3

    Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

    serious
    Issue Tags: cat.color wcag2aa wcag143
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .sidenote

    Element source

    <span class="sidenote">* Gemiddelde besparing is gebaseerd op een gemiddelde hoekwoning met 3 bewoners, met een HR-ketel en van geen isolatie naar goede isolatie. Prijspeil 2022. De werkelijke besparingen hangen af van het stookgedrag. Bron: Milieu Centraal.</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.86 (foreground color: #9498a9, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    2

    Element location

    #dynamicLink > a

    Element source

    <a href="https://www.essent.nl/content/sitevoorwaarden/overzicht-websites.html">E.ON groep</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    3

    Element location

    #privacyverklaring > a

    Element source

    <a href="https://www.nederlandisoleert.nl/privacyverklaring">privacyverklaring</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    4

    Element location

    #std_cookie_show_settings

    Element source

    <a href="#" id="std_cookie_show_settings">instellingen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    5

    Element location

    #stAcceptDefault

    Element source

    <a class="btn btn-blue" id="stAcceptDefault" href="#">Ja, ik accepteer cookies</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #ffffff, background color: #00a9d1, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stAcceptDefault
    6

    Element location

    #stSettingsButton

    Element source

    <a class="btn btn-blue-ghost" id="stSettingsButton" href="#">Instellingen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    5. IDs of active elements must be unique
    Learn more
    duplicate-id-active
    WCAG 2 Level A, WCAG 4.1.1

    Ensures every id attribute value of active elements is unique

    serious
    Issue Tags: cat.parsing wcag2a wcag411
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .text-right > sc-placeholder[name="header-items"] > ep-business-hours-indicator-container > ep-business-hours-indicator > .text-normal.text-dark[wlautomationid="open"]

    Element source

    <a wlautomationid="open" class="font-weight-normal text-normal text-dark" href="/klantenservice" id="{D9FA3E60-AE43-465A-BFFA-3C5574AB76F1}" url="/Nederland Isoleert/Home/klantenservice" linktype="internal" data-automation-id="open"><span>Zie openingstijden</span><!----></a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {D9FA3E60-AE43-465A-BFFA-3C5574AB76F1}

    Related node:

    div[_ngcontent-innogy-app-c205=""]:nth-child(1) > sc-placeholder[name="header-items"] > ep-business-hours-indicator-container > ep-business-hours-indicator > .text-normal.text-dark[wlautomationid="open"]
    2

    Element location

    .px-3 > .btn-primary[wltrackimpression="button-impression"][trackimpressionmode="button"]

    Element source

    <a _ngcontent-innogy-app-c188="" wltrackimpression="button-impression" trackimpressionmode="button" wltracklink="" class="btn btn-primary" href="/vraag-gesprek-aan" linktype="internal" id="{69136990-15E7-4164-9B19-958FE2C3B66F}"> Vraag gesprek aan </a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {69136990-15E7-4164-9B19-958FE2C3B66F}

    Related node:

    .row[_ngcontent-innogy-app-c188=""] > .hero__body.col-12[_ngcontent-innogy-app-c188=""] > .btn-primary[wltrackimpression="button-impression"][trackimpressionmode="button"]
    .col-md-8 > .cta__body.p-4.col > .btn-primary[wlautomationid="cta-button"][data-automation-id="cta-button"]
    .mb-2.container[_ngcontent-innogy-app-c182=""] > .row[_ngcontent-innogy-app-c182=""] > .col[_ngcontent-innogy-app-c182=""] > .cta__body.p-4.col > .btn-primary[wlautomationid="cta-button"][data-automation-id="cta-button"]
    3

    Element location

    .d-sm-block[text="Naar het kenniscentrum"][href$="kenniscentrum"]

    Element source

    <a class="d-none d-sm-block" href="/kenniscentrum" linktype="internal" text="Naar het kenniscentrum" id="{7A174553-AC28-4076-BA69-3A91BFF5BBD0}">Naar het kenniscentrum</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {7A174553-AC28-4076-BA69-3A91BFF5BBD0}

    Related node:

    .d-sm-none
    .col[_ngcontent-innogy-app-c161=""] > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c113=""]:nth-child(5) > a[text="Kenniscentrum"][href$="kenniscentrum"][_ngcontent-innogy-app-c113=""]
    .collapse > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c113=""]:nth-child(5) > a[text="Kenniscentrum"][href$="kenniscentrum"][_ngcontent-innogy-app-c113=""]
    4

    Element location

    .col[_ngcontent-innogy-app-c161=""] > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c113=""]:nth-child(1) > a[href$="bodemisolatie"][text="Bodemisolatie"][target="_blank"]

    Element source

    <a _ngcontent-innogy-app-c113="" href="/isolatie/bodemisolatie" text="Bodemisolatie" linktype="internal" target="_blank" id="{A1FFB4B4-7C39-4C85-A89C-3735875860C0}">Bodemisolatie</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {A1FFB4B4-7C39-4C85-A89C-3735875860C0}

    Related node:

    .collapse > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c113=""]:nth-child(1) > a[href$="bodemisolatie"][text="Bodemisolatie"][target="_blank"]
    5

    Element location

    .col[_ngcontent-innogy-app-c161=""] > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c113=""]:nth-child(2) > a[href$="dakisolatie"][text="Dakisolatie"][target="_blank"]

    Element source

    <a _ngcontent-innogy-app-c113="" href="/isolatie/dakisolatie" text="Dakisolatie" linktype="internal" target="_blank" id="{7EEE6976-9AF6-42E7-A358-79485D86DA80}">Dakisolatie</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {7EEE6976-9AF6-42E7-A358-79485D86DA80}

    Related node:

    .collapse > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c113=""]:nth-child(2) > a[href$="dakisolatie"][text="Dakisolatie"][target="_blank"]
    6

    Element location

    .col[_ngcontent-innogy-app-c161=""] > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c113=""]:nth-child(3) > a[href$="spouwmuurisolatie"][text="Spouwmuurisolatie"][target="_blank"]

    Element source

    <a _ngcontent-innogy-app-c113="" href="/isolatie/spouwmuurisolatie" text="Spouwmuurisolatie" linktype="internal" target="_blank" id="{B29774AE-9EAB-46AC-9DA1-09C806D21316}">Spouwmuurisolatie</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {B29774AE-9EAB-46AC-9DA1-09C806D21316}

    Related node:

    .collapse > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c113=""]:nth-child(3) > a[href$="spouwmuurisolatie"][text="Spouwmuurisolatie"][target="_blank"]
    7

    Element location

    .col[_ngcontent-innogy-app-c161=""] > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c113=""]:nth-child(4) > a[href$="vloerisolatie"][text="Vloerisolatie"][target="_blank"]

    Element source

    <a _ngcontent-innogy-app-c113="" href="/isolatie/vloerisolatie" text="Vloerisolatie" linktype="internal" target="_blank" id="{78797FB1-B104-44FC-A812-8EE91CE833AD}">Vloerisolatie</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {78797FB1-B104-44FC-A812-8EE91CE833AD}

    Related node:

    .collapse > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c113=""]:nth-child(4) > a[href$="vloerisolatie"][text="Vloerisolatie"][target="_blank"]
    8

    Element location

    .col[_ngcontent-innogy-app-c161=""] > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c113=""]:nth-child(6) > a[text="Ons verhaal"][href$="over-ons"][_ngcontent-innogy-app-c113=""]

    Element source

    <a _ngcontent-innogy-app-c113="" href="/over-ons" text="Ons verhaal" linktype="internal" id="{CAA163BC-41BD-4549-8920-473BA0930D63}">Ons verhaal</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {CAA163BC-41BD-4549-8920-473BA0930D63}

    Related node:

    .collapse > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c113=""]:nth-child(6) > a[text="Ons verhaal"][href$="over-ons"][_ngcontent-innogy-app-c113=""]
    9

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > nav > .py-0.pl-0[href$="privacyverklaring"]

    Element source

    <a _ngcontent-innogy-app-c152="" class="nav-link py-0 pl-0 pr-2" href="/privacyverklaring" linktype="internal" id="{A1EC1C91-2E90-48CD-9D56-FCEF59ACAB17}"> Privacystatement </a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {A1EC1C91-2E90-48CD-9D56-FCEF59ACAB17}

    Related node:

    .nav-legal--outline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > nav > .py-0.pl-0[href$="privacyverklaring"]
    10

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > nav > .py-0.pl-0[href$="algemene-voorwaarden"]

    Element source

    <a _ngcontent-innogy-app-c152="" class="nav-link py-0 pl-0 pr-2" href="/algemene-voorwaarden" linktype="internal" id="{405F17E9-DFBA-42F1-B888-3CBEBC93E3D1}"> Voorwaarden </a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {405F17E9-DFBA-42F1-B888-3CBEBC93E3D1}

    Related node:

    .nav-legal--outline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > nav > .py-0.pl-0[href$="algemene-voorwaarden"]
    11

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > nav > .py-0.pl-0[href$="cookies"]

    Element source

    <a _ngcontent-innogy-app-c152="" class="nav-link py-0 pl-0 pr-2" href="/cookies" linktype="internal" id="{FFB69910-3EFE-4EEE-A8CC-3527A82B39D4}"> Cookies </a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {FFB69910-3EFE-4EEE-A8CC-3527A82B39D4}

    Related node:

    .nav-legal--outline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > nav > .py-0.pl-0[href$="cookies"]
    6. Frames should have a unique title attribute
    Learn more
    frame-title-unique
    Best practice

    Ensures <iframe> and <frame> elements contain a unique title attribute

    serious
    Issue Tags: cat.text-alternatives best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    div[data-theme="dark"] > iframe

    Element source

    <iframe title="Customer reviews powered by Trustpilot" src="https://widget.trustpilot.com/trustboxes/53aa8807dec7e10d38f59f32/index.html?templateId=53aa8807dec7e10d38f59f32&amp;businessunitId=5735b6e30000ff00058cce40#ignoreVisualRegression=1&amp;locale=nl-NL&amp;theme=dark&amp;styleHeight=100%25&amp;styleWidth=100%25&amp;automationId=trustpilot-widget" style="position: relative; height: 100%; width: 100%; border-style: none; display: block; overflow: hidden;">

    Fix all of the following:

    • Element's title attribute is not unique
    2

    Element location

    div[data-theme="light"] > iframe

    Element source

    <iframe title="Customer reviews powered by Trustpilot" src="https://widget.trustpilot.com/trustboxes/53aa8807dec7e10d38f59f32/index.html?templateId=53aa8807dec7e10d38f59f32&amp;businessunitId=5735b6e30000ff00058cce40#ignoreVisualRegression=1&amp;locale=nl-NL&amp;theme=light&amp;styleHeight=100%25&amp;styleWidth=100%25&amp;automationId=trustpilot-widget" style="position: relative; height: 100%; width: 100%; border-style: none; display: block; overflow: hidden;">

    Fix all of the following:

    • Element's title attribute is not unique
    7. Images must have alternate text
    Learn more
    image-alt
    WCAG 2 Level A, WCAG 1.1.1

    Ensures <img> elements have alternate text or a role of none or presentation

    critical
    Issue Tags: cat.text-alternatives wcag2a wcag111 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #logo1

    Element source

    <img id="logo1" src="assets/logo.svg" align="left">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    8. Document should have one main landmark
    Learn more
    landmark-one-main
    Best practice

    Ensures the document has a main landmark

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html lang="nl" class="fonts-stage-1 fonts-stage-2">

    Fix all of the following:

    • Document does not have a main landmark
    9. Ensures landmarks are unique
    Learn more
    landmark-unique
    Best practice

    Landmarks should have a unique role or role/label/title (i.e. accessible name) combination

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .navbar

    Element source

    <nav _ngcontent-innogy-app-c205="" class="navbar navbar-expand navbar-light p-0 py-1 py-xl-2">

    Fix any of the following:

    • The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable

    Related node:

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > nav
    10. All page content should be contained by landmarks
    Learn more
    region
    Best practice

    Ensures all page content is contained by landmarks

    moderate
    Issue Tags: cat.keyboard best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .col-6

    Element source

    <div _ngcontent-innogy-app-c188="" class="d-none d-md-block col-6">

    Fix any of the following:

    • Some page content is not contained by landmarks
    2

    Element location

    .hero__items > ep-image

    Element source

    <ep-image _nghost-innogy-app-c181="" _ngcontent-innogy-app-c188=""><img _ngcontent-innogy-app-c181="" wlautomationid="image" loading="lazy" alt="Levert samen met Essent" src="/-/jssmedia/energiewonen/images/levert-samen-met-essent.ashx" data-automation-id="image"><!----></ep-image>

    Fix any of the following:

    • Some page content is not contained by landmarks
    3

    Element location

    .order-sm-1 > sc-placeholder > ep-functional-usp > div[wltrackimpression="contentblock-impression"][_ngcontent-innogy-app-c183=""] > .mt-1[wlautomationid="functional-usp-title"][data-automation-id="functional-usp-title"]

    Element source

    <p _ngcontent-innogy-app-c183="" wlautomationid="functional-usp-title" class="h3 mt-1 mb-1" data-automation-id="functional-usp-title">Besparen op uw stookkosten</p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    4

    Element location

    .order-sm-1 > sc-placeholder > ep-functional-usp > div[wltrackimpression="contentblock-impression"][_ngcontent-innogy-app-c183=""] > .mb-0[wlautomationid="functional-usp-text"][data-automation-id="functional-usp-text"]

    Element source

    <p _ngcontent-innogy-app-c183="" wlautomationid="functional-usp-text" class="mb-0" data-automation-id="functional-usp-text">Door uw huis goed te isoleren kunt u jaarlijks tot wel €800 besparen* op uw stookkosten. Hoe meer isolatiemaatregelen u neemt, hoe meer u bespaart.</p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    5

    Element location

    .order-sm-2 > sc-placeholder > ep-functional-usp > div[wltrackimpression="contentblock-impression"][_ngcontent-innogy-app-c183=""] > .mt-1[wlautomationid="functional-usp-title"][data-automation-id="functional-usp-title"]

    Element source

    <p _ngcontent-innogy-app-c183="" wlautomationid="functional-usp-title" class="h3 mt-1 mb-1" data-automation-id="functional-usp-title">Hogere woningwaarde</p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    6

    Element location

    .order-sm-2 > sc-placeholder > ep-functional-usp > div[wltrackimpression="contentblock-impression"][_ngcontent-innogy-app-c183=""] > .mb-0[wlautomationid="functional-usp-text"][data-automation-id="functional-usp-text"]

    Element source

    <p _ngcontent-innogy-app-c183="" wlautomationid="functional-usp-text" class="mb-0" data-automation-id="functional-usp-text">Het isoleren van uw woning is altijd een goed idee. U verdient uw investering al binnen een paar jaar terug en verhoogt de waarde van uw huis.</p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    7

    Element location

    .order-3 > sc-placeholder > ep-functional-usp > div[wltrackimpression="contentblock-impression"][_ngcontent-innogy-app-c183=""] > .mt-1[wlautomationid="functional-usp-title"][data-automation-id="functional-usp-title"]

    Element source

    <p _ngcontent-innogy-app-c183="" wlautomationid="functional-usp-title" class="h3 mt-1 mb-1" data-automation-id="functional-usp-title">Meer wooncomfort</p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    8

    Element location

    .order-3 > sc-placeholder > ep-functional-usp > div[wltrackimpression="contentblock-impression"][_ngcontent-innogy-app-c183=""] > .mb-0[wlautomationid="functional-usp-text"][data-automation-id="functional-usp-text"]

    Element source

    <p _ngcontent-innogy-app-c183="" wlautomationid="functional-usp-text" class="mb-0" data-automation-id="functional-usp-text">Een goed geïsoleerd huis vergroot uw woonplezier aanzienlijk. Minder tocht en vocht en de temperatuur voelt een stuk aangenamer aan.</p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    9

    Element location

    ep-two-column-row:nth-child(3)

    Element source

    <ep-two-column-row _nghost-innogy-app-c222="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    10

    Element location

    ep-two-column-row:nth-child(4)

    Element source

    <ep-two-column-row _nghost-innogy-app-c222="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    11

    Element location

    .triangle-background-shape

    Element source

    <ep-two-column-row _nghost-innogy-app-c222="" class="triangle-background-shape">

    Fix any of the following:

    • Some page content is not contained by landmarks
    12

    Element location

    .d-lg-block

    Element source

    <div _ngcontent-innogy-app-c219="" class="d-none d-lg-block col-lg-6 p-0"><img _ngcontent-innogy-app-c219="" class="customer-quote-image" alt="Review Nederland Isoleert" src="/-/jssmedia/nederland-isoleert/over-ons/review-nederland-isoleert.ashx"><!----></div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    13

    Element location

    ol

    Element source

    <ol role="tablist" class="carousel-indicators">

    Fix any of the following:

    • Some page content is not contained by landmarks
    14

    Element location

    #slide-0

    Element source

    <div role="tabpanel" class="carousel-item active" id="slide-0">

    Fix any of the following:

    • Some page content is not contained by landmarks
    15

    Element location

    .justify-content-between

    Element source

    <div class="d-flex justify-content-between align-items-baseline">

    Fix any of the following:

    • Some page content is not contained by landmarks
    16

    Element location

    ep-grid-overview

    Element source

    <ep-grid-overview>

    Fix any of the following:

    • Some page content is not contained by landmarks
    17

    Element location

    ep-single-column-row:nth-child(8)

    Element source

    <ep-single-column-row _nghost-innogy-app-c224="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    18

    Element location

    .col-md-8 > .cta__body.p-4.col > wl-rich-text-wrapper

    Element source

    <wl-rich-text-wrapper _ngcontent-innogy-app-c182="" _nghost-innogy-app-c98="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    19

    Element location

    .col-md-8 > .cta__body.p-4.col > .btn-primary[wlautomationid="cta-button"][data-automation-id="cta-button"]

    Element source

    <a _ngcontent-innogy-app-c182="" wlautomationid="cta-button" wltrackimpression="button-impression" trackimpressionmode="button" wltracklink="" class="btn btn-primary" href="/vraag-gesprek-aan" linktype="internal" id="{69136990-15E7-4164-9B19-958FE2C3B66F}" data-automation-id="cta-button">

    Fix any of the following:

    • Some page content is not contained by landmarks
    20

    Element location

    .col-md-8 > .cta__body.p-4.col > .pt-2[wlautomationid="call-us-button"][data-automation-id="call-us-button"]

    Element source

    <div _ngcontent-innogy-app-c182="" wlautomationid="call-us-button" class="pt-2" data-automation-id="call-us-button">

    Fix any of the following:

    • Some page content is not contained by landmarks
    21

    Element location

    .col-md-8 > .cta__body.p-4.col > .pt-2[wlautomationid="opening-hours"][data-automation-id="opening-hours"] > span[_ngcontent-innogy-app-c182=""] > span[_ngcontent-innogy-app-c182=""]

    Element source

    <span _ngcontent-innogy-app-c182="">ma t/m vr (09:00 - 18:00)</span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    22

    Element location

    wl-footer-brand

    Element source

    <wl-footer-brand _ngcontent-innogy-app-c124="" class="footer__brand-container col align-items-end text-center text-md-left" _nghost-innogy-app-c121="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    23

    Element location

    .row.d-flex[_ngcontent-innogy-app-c161=""]

    Element source

    <div _ngcontent-innogy-app-c161="" class="row d-flex">

    Fix any of the following:

    • Some page content is not contained by landmarks
    24

    Element location

    .social-icons__title

    Element source

    <p _ngcontent-innogy-app-c122="" class="d-block font-weight-bold social-icons__title"> Volg ons </p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    25

    Element location

    .nav-legal--inline > .nav-legal__copyright[_ngcontent-innogy-app-c123=""]

    Element source

    <span _ngcontent-innogy-app-c123="" class="nav-legal__copyright">©Nederland Isoleert 2021-2022</span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    26

    Element location

    #stTagPopup

    Element source

    <div id="stTagPopup" class="stPopup roundedCorners container" style="display: block;">

    Fix any of the following:

    • Some page content is not contained by landmarks
    # Description Axe rule ID WCAG Nodes passed check
    1 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 8
    2 ARIA role should be appropriate for the element aria-allowed-role Best practice 59
    3 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2 2
    4 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    5 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 22
    6 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 9
    7 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1 1
    8 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1 3
    9 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 9
    10 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 9
    11 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 9
    12 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 32
    13 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    14 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 31
    15 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    16 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 3
    17 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1 3
    18 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 20
    19 Headings should not be empty empty-heading Best practice 10
    20 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2 2
    21 Heading levels should only increase by one heading-order Best practice 10
    22 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    23 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    24 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 29
    25 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 11
    26 Alternative text of images should not be repeated as text image-redundant-alt Best practice 12
    27 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice 1
    28 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice 1
    29 Ensures landmarks are unique landmark-unique Best practice 2
    30 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 32
    31 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 2
    32 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 8
    33 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    34 Zooming and scaling should not be disabled meta-viewport Best practice 1
    35 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 20
    36 Page should contain a level-one heading page-has-heading-one Best practice 1
    37 All page content should be contained by landmarks region Best practice 308
    38 Elements should not have tabindex greater than zero tabindex Best practice 2

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 25
    2 Frames should be tested with axe-core frame-tested Best practice 2

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice
    4 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    5 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
    6 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    7 "role=text" should have no focusable descendants aria-text Best practice
    8 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    9 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    10 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    11 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5
    12 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    13 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    14 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    15 Table header text must not be empty empty-table-header WCAG 1.3.1
    16 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2
    17 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    18 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    19 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
    20 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    21 Form elements should have a visible label label-title-only Best practice
    22 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    23 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
    24 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice
    25 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice
    26 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice
    27 Document should not have more than one main landmark landmark-no-duplicate-main Best practice
    28 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    29 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    30 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    31 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    32 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    33 scope attribute should be used correctly scope-attr-valid Best practice
    34 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
    35 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    36 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    37 The skip-link target should exist and be focusable skip-link Best practice
    38 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    39 tables should not have the same summary and caption table-duplicate-name Best practice
    40 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    41 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    42 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
    43 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  21. AXE Accessibility Results

    axe-core found 9 violations
    # Description Axe rule ID WCAG Impact Count
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 5
    2 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 critical 1
    3 Document should have one main landmark landmark-one-main Best practice moderate 1
    4 Page should contain a level-one heading page-has-heading-one Best practice moderate 1
    5 All page content should be contained by landmarks region Best practice moderate 1

    Failed

    1. Elements must have sufficient color contrast
    Learn more
    color-contrast
    WCAG 2 Level AA, WCAG 1.4.3

    Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

    serious
    Issue Tags: cat.color wcag2aa wcag143
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #dynamicLink > a

    Element source

    <a href="https://www.essent.nl/content/sitevoorwaarden/overzicht-websites.html">E.ON groep</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    2

    Element location

    #privacyverklaring > a

    Element source

    <a href="https://klimaatroute.nl/privacy">privacyverklaring</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    3

    Element location

    #std_cookie_show_settings

    Element source

    <a href="#" id="std_cookie_show_settings">instellingen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    4

    Element location

    #stAcceptDefault

    Element source

    <a class="btn btn-blue" id="stAcceptDefault" href="#">Ja, ik accepteer cookies</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #ffffff, background color: #00a9d1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stAcceptDefault
    5

    Element location

    #stSettingsButton

    Element source

    <a class="btn btn-blue-ghost" id="stSettingsButton" href="#">Instellingen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    2. Images must have alternate text
    Learn more
    image-alt
    WCAG 2 Level A, WCAG 1.1.1

    Ensures <img> elements have alternate text or a role of none or presentation

    critical
    Issue Tags: cat.text-alternatives wcag2a wcag111 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #logo1

    Element source

    <img id="logo1" src="https://www.klimaatroute.nl/content/dam/nl-klimaatroute-nl/logo/klimaatroute-logo.svg" align="left">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    3. Document should have one main landmark
    Learn more
    landmark-one-main
    Best practice

    Ensures the document has a main landmark

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html lang="nl-NL">

    Fix all of the following:

    • Document does not have a main landmark
    4. Page should contain a level-one heading
    Learn more
    page-has-heading-one
    Best practice

    Ensure that the page, or at least one of its frames contains a level-one heading

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html lang="nl-NL">

    Fix all of the following:

    • Page must have a level-one heading
    5. All page content should be contained by landmarks
    Learn more
    region
    Best practice

    Ensures all page content is contained by landmarks

    moderate
    Issue Tags: cat.keyboard best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #stTagPopup

    Element source

    <div id="stTagPopup" class="stPopup roundedCorners container" style="display: block;">

    Fix any of the following:

    • Some page content is not contained by landmarks
    # Description Axe rule ID WCAG Nodes passed check
    1 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    2 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 3
    3 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    4 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 4
    5 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    6 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 3
    7 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 21
    8 Headings should not be empty empty-heading Best practice 1
    9 Heading levels should only increase by one heading-order Best practice 1
    10 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    11 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    12 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 4
    13 Alternative text of images should not be repeated as text image-redundant-alt Best practice 1
    14 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 5
    15 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    16 Zooming and scaling should not be disabled meta-viewport Best practice 1
    17 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 1
    18 All page content should be contained by landmarks region Best practice 19

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2
    4 ARIA role should be appropriate for the element aria-allowed-role Best practice
    5 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
    6 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice
    7 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    8 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    9 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    10 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
    11 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2
    12 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
    13 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
    14 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    15 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2
    16 "role=text" should have no focusable descendants aria-text Best practice
    17 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    18 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    19 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    20 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2
    21 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2
    22 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5
    23 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    24 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2
    25 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    26 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    27 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1
    28 Table header text must not be empty empty-table-header WCAG 1.3.1
    29 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2
    30 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    31 Frames should be tested with axe-core frame-tested Best practice
    32 Frames should have a unique title attribute frame-title-unique Best practice
    33 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2
    34 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    35 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
    36 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    37 Form elements should have a visible label label-title-only Best practice
    38 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    39 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice
    40 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
    41 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice
    42 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice
    43 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice
    44 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice
    45 Document should not have more than one main landmark landmark-no-duplicate-main Best practice
    46 Ensures landmarks are unique landmark-unique Best practice
    47 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1
    48 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1
    49 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    50 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    51 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    52 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    53 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    54 scope attribute should be used correctly scope-attr-valid Best practice
    55 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
    56 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    57 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    58 The skip-link target should exist and be focusable skip-link Best practice
    59 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    60 Elements should not have tabindex greater than zero tabindex Best practice
    61 tables should not have the same summary and caption table-duplicate-name Best practice
    62 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    63 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    64 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
    65 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  22. AXE Accessibility Results

    axe-core found 24 violations
    # Description Axe rule ID WCAG Impact Count
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 9
    2 Headings should not be empty empty-heading Best practice minor 1
    3 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 serious 1
    4 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 critical 7
    5 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice moderate 1
    6 Ensures landmarks are unique landmark-unique Best practice moderate 2
    7 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 serious 2
    8 All page content should be contained by landmarks region Best practice moderate 1

    Failed

    1. Elements must have sufficient color contrast
    Learn more
    color-contrast
    WCAG 2 Level AA, WCAG 1.4.3

    Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

    serious
    Issue Tags: cat.color wcag2aa wcag143
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .col-sm-6.col-xs-12:nth-child(1) > p

    Element source

    <p>Copyright © Isoprofs. Alle rechten voorbehouden.</p>

    Fix any of the following:

    • Element has insufficient color contrast of 1.57 (foreground color: #ffffff, background color: #c6d92c, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .content-wrapper-box > .top
    2

    Element location

    .menu-garantie > a

    Element source

    <a href="https://www.isoprofs.nl/garantie/">Garantie</a>

    Fix any of the following:

    • Element has insufficient color contrast of 1.57 (foreground color: #ffffff, background color: #c6d92c, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .content-wrapper-box > .top
    3

    Element location

    .menu-voorwaarden > a

    Element source

    <a href="https://www.isoprofs.nl/over-ons/voorwaarden/">Voorwaarden</a>

    Fix any of the following:

    • Element has insufficient color contrast of 1.57 (foreground color: #ffffff, background color: #c6d92c, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .content-wrapper-box > .top
    4

    Element location

    .menu-privacy-en-cookie-verklaring > a

    Element source

    <a href="https://www.isoprofs.nl/privacy-en-cookie-verklaring/">Privacy en cookie verklaring</a>

    Fix any of the following:

    • Element has insufficient color contrast of 1.57 (foreground color: #ffffff, background color: #c6d92c, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .content-wrapper-box > .top
    5

    Element location

    .menu-sitemap > a

    Element source

    <a href="https://www.isoprofs.nl/sitemap/">Sitemap</a>

    Fix any of the following:

    • Element has insufficient color contrast of 1.57 (foreground color: #ffffff, background color: #c6d92c, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .content-wrapper-box > .top
    6

    Element location

    #stAcceptDefault

    Element source

    <a class="btn btn-green" id="stAcceptDefault" href="#" onclick="CookieStatement.acceptCookies(3,true)"><span class="check">&nbsp;</span>Ja, ik accepteer cookies</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.1 (foreground color: #ffffff, background color: #54cb2b, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stAcceptDefault
    7

    Element location

    p:nth-child(5) > a:nth-child(1)

    Element source

    <a href="https://www.essent.nl/content/sitevoorwaarden/overzicht-websites.html">E.ON Groep</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    8

    Element location

    p:nth-child(5) > a:nth-child(2)

    Element source

    <a href="https://www.isoprofs.nl/privacy-en-cookie-verklaring">privacyverklaring</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    9

    Element location

    a[onclick="CookieStatement.showSettings()"]

    Element source

    <a href="#" onclick="CookieStatement.showSettings()">instellingen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    2. Headings should not be empty
    Learn more
    empty-heading
    Best practice

    Ensures headings have discernible text

    minor
    Issue Tags: cat.name-role-value best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    h2:nth-child(12)

    Element source

    <h2></h2>

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    3. <html> element must have a lang attribute
    Learn more
    html-has-lang
    WCAG 2 Level A, WCAG 3.1.1

    Ensures every HTML document has a lang attribute

    serious
    Issue Tags: cat.language wcag2a wcag311 ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html prefix="og: http://ogp.me/ns#">

    Fix any of the following:

    • The <html> element does not have a lang attribute
    4. Images must have alternate text
    Learn more
    image-alt
    WCAG 2 Level A, WCAG 1.1.1

    Ensures <img> elements have alternate text or a role of none or presentation

    critical
    Issue Tags: cat.text-alternatives wcag2a wcag111 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .logos__isoprofs > img

    Element source

    <img src="https://www.isoprofs.nl/app/themes/wecustom/dist/images/logo-isoprofs.svg">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    2

    Element location

    .logos > .logos__essent > img

    Element source

    <img src="https://www.isoprofs.nl/app/themes/wecustom/dist/images/logo-essent.svg">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    3

    Element location

    .search-form > img

    Element source

    <img src="https://www.isoprofs.nl/app/themes/wecustom/dist/images/search.svg">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    4

    Element location

    .swiper-chevron-prev

    Element source

    <img class="swiper-chevron-prev" src="https://www.isoprofs.nl/app/themes/wecustom/dist/images/chevron.svg">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    5

    Element location

    .swiper-chevron-next

    Element source

    <img class="swiper-chevron-next" src="https://www.isoprofs.nl/app/themes/wecustom/dist/images/chevron.svg">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    6

    Element location

    .logos > img

    Element source

    <img src="/app/uploads/2020/10/logos-footer1.jpg">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    7

    Element location

    .stContent > .stLogo > img[align="left"]

    Element source

    <img src="https://www.isoprofs.nl/app/themes/wecustom/dist/images/logo-isoprofs.svg" align="left">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    5. Document should not have more than one contentinfo landmark
    Learn more
    landmark-no-duplicate-contentinfo
    Best practice

    Ensures the document has at most one contentinfo landmark

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .social

    Element source

    <footer class="social fake-width-padding">

    Fix any of the following:

    • Document has more than one contentinfo landmark

    Related node:

    .content-wrapper-box > .top
    .bottom
    6. Ensures landmarks are unique
    Learn more
    landmark-unique
    Best practice

    Landmarks should have a unique role or role/label/title (i.e. accessible name) combination

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .nav-topmenu

    Element source

    <nav class="nav-topmenu fake-width-padding hidden-xs">
    		<ul id="menu-topmenu" class="menu"><li class="menu-item menu-vacatures"><a href="https://www.isoprofs.nl/vacatures/">Vacatures</a></li>
    </ul>    </nav>

    Fix any of the following:

    • The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable

    Related node:

    .navbar
    2

    Element location

    .social

    Element source

    <footer class="social fake-width-padding">

    Fix any of the following:

    • The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable

    Related node:

    .content-wrapper-box > .top
    .bottom
    7. Links must have discernible text
    Learn more
    link-name
    WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4

    Ensures links have discernible text

    serious
    Issue Tags: cat.name-role-value wcag2a wcag412 wcag244 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .logos__isoprofs

    Element source

    <a class="logos__isoprofs" href="https://www.isoprofs.nl/">
                    <img src="https://www.isoprofs.nl/app/themes/wecustom/dist/images/logo-isoprofs.svg">
                </a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    2

    Element location

    .logos > .logos__essent

    Element source

    <a class="logos__essent" href="https://www.isoprofs.nl/energie-besparen-essent/">
                                <img src="https://www.isoprofs.nl/app/themes/wecustom/dist/images/logo-essent.svg">
                                </a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    8. All page content should be contained by landmarks
    Learn more
    region
    Best practice

    Ensures all page content is contained by landmarks

    moderate
    Issue Tags: cat.keyboard best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #stTagPopup

    Element source

    <div id="stTagPopup" class="stPopup roundedCorners container" style="display: block;">

    Fix any of the following:

    • Some page content is not contained by landmarks
    # Description Axe rule ID WCAG Nodes passed check
    1 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 3
    2 ARIA role should be appropriate for the element aria-allowed-role Best practice 10
    3 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    4 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 4
    5 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 2
    6 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 2
    7 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 3
    8 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 3
    9 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 19
    10 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    11 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 38
    12 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    13 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 1
    14 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1 8
    15 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 21
    16 Headings should not be empty empty-heading Best practice 6
    17 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2 1
    18 Frames should have a unique title attribute frame-title-unique Best practice 1
    19 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2 1
    20 Heading levels should only increase by one heading-order Best practice 7
    21 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 22
    22 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 9
    23 Alternative text of images should not be repeated as text image-redundant-alt Best practice 16
    24 Form elements should have a visible label label-title-only Best practice 1
    25 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 1
    26 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice 1
    27 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice 1
    28 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice 3
    29 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice 1
    30 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice 1
    31 Document should not have more than one main landmark landmark-no-duplicate-main Best practice 1
    32 Document should have one main landmark landmark-one-main Best practice 1
    33 Ensures landmarks are unique landmark-unique Best practice 3
    34 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 22
    35 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 5
    36 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 21
    37 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    38 Zooming and scaling should not be disabled meta-viewport Best practice 1
    39 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 9
    40 Page should contain a level-one heading page-has-heading-one Best practice 1
    41 Elements of role none or presentation should be flagged presentation-role-conflict Best practice 1
    42 All page content should be contained by landmarks region Best practice 172

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 7
    2 Frames should be tested with axe-core frame-tested Best practice 1

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
    4 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice
    5 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    6 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    7 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
    8 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
    9 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
    10 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    11 "role=text" should have no focusable descendants aria-text Best practice
    12 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    13 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    14 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    15 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5
    16 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    17 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2
    18 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    19 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    20 Table header text must not be empty empty-table-header WCAG 1.3.1
    21 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    22 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1
    23 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    24 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
    25 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    26 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    27 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    28 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    29 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    30 scope attribute should be used correctly scope-attr-valid Best practice
    31 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
    32 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    33 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    34 The skip-link target should exist and be focusable skip-link Best practice
    35 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    36 Elements should not have tabindex greater than zero tabindex Best practice
    37 tables should not have the same summary and caption table-duplicate-name Best practice
    38 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    39 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    40 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
    41 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  23. AXE Accessibility Results

    axe-core found 41 violations
    # Description Axe rule ID WCAG Impact Count
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 8
    2 Heading levels should only increase by one heading-order Best practice moderate 1
    3 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 serious 1
    4 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 critical 1
    5 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2 critical 1
    6 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 critical 1
    7 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice moderate 1
    8 Document should have one main landmark landmark-one-main Best practice moderate 1
    9 Ensures landmarks are unique landmark-unique Best practice moderate 1
    10 Page should contain a level-one heading page-has-heading-one Best practice moderate 1
    11 All page content should be contained by landmarks region Best practice moderate 24

    Failed

    1. Elements must have sufficient color contrast
    Learn more
    color-contrast
    WCAG 2 Level AA, WCAG 1.4.3

    Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

    serious
    Issue Tags: cat.color wcag2aa wcag143
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .total-score

    Element source

    <span class="total-score"><span class="firstletter">8</span>.8</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.29 (foreground color: #ffffff, background color: #96b808, font size: 18.0pt (24px), font weight: normal). Expected contrast ratio of 3:1

    Related node:

    .review-total
    2

    Element location

    label[for="postal"]

    Element source

    <label for="postal">Postcode</label>

    Fix any of the following:

    • Element has insufficient color contrast of 2.29 (foreground color: #ababab, background color: #ffffff, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #postal
    3

    Element location

    label[for="py"]

    Element source

    <label for="py"><i class="fa fa-flash"></i> Verbruik per jaar</label>

    Fix any of the following:

    • Element has insufficient color contrast of 2.29 (foreground color: #ababab, background color: #ffffff, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #py
    4

    Element location

    .field > span

    Element source

    <span>kWh</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.29 (foreground color: #ababab, background color: #ffffff, font size: 8.1pt (10.8px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #py
    5

    Element location

    button

    Element source

    <button type="submit" class="btn green full">
                                Bereken uw besparing
                            </button>

    Fix any of the following:

    • Element has insufficient color contrast of 2.52 (foreground color: #ffffff, background color: #8cb000, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    button
    6

    Element location

    #stAcceptDefault

    Element source

    <a class="btn btn-green" id="stAcceptDefault" href="#"><span class="check">&nbsp;</span>Ja, ik accepteer cookies</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.19 (foreground color: #ffffff, background color: #f59b00, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stAcceptDefault
    7

    Element location

    p:nth-child(5) > a:nth-child(2)

    Element source

    <a href="https://www.zon7.nl/privacyverklaring/">privacyverklaring</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.19 (foreground color: #f59b00, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    8

    Element location

    a[onclick="CookieStatement.showSettings()"]

    Element source

    <a href="#" onclick="CookieStatement.showSettings()">instellingen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.19 (foreground color: #f59b00, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    2. Heading levels should only increase by one
    Learn more
    heading-order
    Best practice

    Ensures the order of headings is semantically correct

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .blog > h6

    Element source

    <h6>Actueel</h6>

    Fix any of the following:

    • Heading order invalid
    3. <html> element must have a lang attribute
    Learn more
    html-has-lang
    WCAG 2 Level A, WCAG 3.1.1

    Ensures every HTML document has a lang attribute

    serious
    Issue Tags: cat.language wcag2a wcag311 ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html>

    Fix any of the following:

    • The <html> element does not have a lang attribute
    4. Images must have alternate text
    Learn more
    image-alt
    WCAG 2 Level A, WCAG 1.1.1

    Ensures <img> elements have alternate text or a role of none or presentation

    critical
    Issue Tags: cat.text-alternatives wcag2a wcag111 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .stContent > .stLogo > img[width="267"][height="100"][align="left"]

    Element source

    <img src="https://www.zon7.nl/images/logo-new.png" width="267" height="100" align="left">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    5. Input buttons must have discernible text
    Learn more
    input-button-name
    WCAG 2 Level A, WCAG 4.1.2

    Ensures input buttons have discernible text

    critical
    Issue Tags: cat.name-role-value wcag2a wcag412 section508 section508.22.a
    # Issue Description To solve this violation, you need to...
    1

    Element location

    input[value=""]

    Element source

    <input type="submit" class="btn" value="">

    Fix any of the following:

    • Element has a value attribute and the value attribute is empty
    • Element has an empty value attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    6. Form elements must have labels
    Learn more
    label
    WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1

    Ensures every form element has a label

    critical
    Issue Tags: cat.forms wcag2a wcag412 wcag131 section508 section508.22.n ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #tags

    Element source

    <input type="text" name="q" id="tags" onblur="if (this.value == '') {this.value = 'Zoeken in Zon7...';}" onfocus="if(this.value == 'Zoeken in Zon7...') {this.value = '';}" value="Zoeken in Zon7..." class="field ui-autocomplete-input" autocomplete="off">

    Fix any of the following:

    • Form element does not have an implicit (wrapped) <label>
    • Form element does not have an explicit <label>
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element has no placeholder attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    7. Aside should not be contained in another landmark
    Learn more
    landmark-complementary-is-top-level
    Best practice

    Ensures the complementary landmark or aside is at top level

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .nav-mid

    Element source

    <aside class="nav-mid">

    Fix any of the following:

    • The complementary landmark is contained in another landmark.
    8. Document should have one main landmark
    Learn more
    landmark-one-main
    Best practice

    Ensures the document has a main landmark

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html>

    Fix all of the following:

    • Document does not have a main landmark
    9. Ensures landmarks are unique
    Learn more
    landmark-unique
    Best practice

    Landmarks should have a unique role or role/label/title (i.e. accessible name) combination

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .search

    Element source

    <aside class="search">

    Fix any of the following:

    • The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable

    Related node:

    .nav-mid
    li:nth-child(1) > aside
    li:nth-child(2) > aside
    .text:nth-child(1) > .left:nth-child(1) > aside
    .text:nth-child(1) > .noGap.left > aside
    .text:nth-child(2) > .left:nth-child(1) > aside
    .text:nth-child(2) > .noGap.left > aside
    .lastGap > .left > aside
    .blog
    .volg
    .contact
    .thumb
    .term
    10. Page should contain a level-one heading
    Learn more
    page-has-heading-one
    Best practice

    Ensure that the page, or at least one of its frames contains a level-one heading

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html>

    Fix all of the following:

    • Page must have a level-one heading
    11. All page content should be contained by landmarks
    Learn more
    region
    Best practice

    Ensures all page content is contained by landmarks

    moderate
    Issue Tags: cat.keyboard best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    h5

    Element source

    <h5><span>gratis advies</span> 085 - 301 00 23</h5>

    Fix any of the following:

    • Some page content is not contained by landmarks
    2

    Element location

    .logo

    Element source

    <div class="logo">
                        <a href=""><img src="images/logo-new.png" alt="Logo ZON7 zonnepanelen"></a>
                    </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    3

    Element location

    .logo-essent

    Element source

    <div class="logo-essent">
                        <a href="https://www.zon7.nl/essent"><img src="images/logo-essent.png" alt="Essent"></a>
                    </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    4

    Element location

    .review-data

    Element source

    <div class="review-data">

    Fix any of the following:

    • Some page content is not contained by landmarks
    5

    Element location

    .total-score

    Element source

    <span class="total-score"><span class="firstletter">8</span>.8</span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    6

    Element location

    .quotation__thumb

    Element source

    <div class="quotation__thumb">
                    <img src="https://www.zon7.nl/images/zon7-header.jpg" alt="">
                </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    7

    Element location

    #quotation > h3

    Element source

    <h3>Hoeveel bespaart u met onze zonnepanelen?</h3>

    Fix any of the following:

    • Some page content is not contained by landmarks
    8

    Element location

    .form__group.input__labels:nth-child(1)

    Element source

    <div class="form__group input__labels">

    Fix any of the following:

    • Some page content is not contained by landmarks
    9

    Element location

    .form__group.input__labels:nth-child(2)

    Element source

    <div class="form__group input__labels">

    Fix any of the following:

    • Some page content is not contained by landmarks
    10

    Element location

    li:nth-child(1) > h2

    Element source

    <h2>Referenties</h2>

    Fix any of the following:

    • Some page content is not contained by landmarks
    11

    Element location

    li:nth-child(1) > p

    Element source

    <p>Wil je een indruk krijgen van de door ons geplaatste panelen? Bekijk op de referentie pagina dan enkele voorbeelden van projecten in de buurt.</p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    12

    Element location

    li:nth-child(1) > .link

    Element source

    <a class="link" href="http://www.zon7.nl/referenties/">Kijk voor meer informatie</a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    13

    Element location

    li:nth-child(2) > h2

    Element source

    <h2>Aangesloten bij:</h2>

    Fix any of the following:

    • Some page content is not contained by landmarks
    14

    Element location

    li:nth-child(2) > p

    Element source

    <p>ZON7 heeft zich aangesloten bij Stichting Garantiefonds ZonneEnergie. Dit betekent voor U maximale zekerheid bij aanschaf van een zonnesysteem..</p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    15

    Element location

    .link[href$="sgze/"]

    Element source

    <a class="link" href="http://www.zon7.nl/sgze/">Kijk voor meer informatie</a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    16

    Element location

    .media

    Element source

    <article class="media">

    Fix any of the following:

    • Some page content is not contained by landmarks
    17

    Element location

    .tag-bar

    Element source

    <article class="tag-bar">
    
                <section class="tag-mid">
    
                    <h2><span>Zonnepanelen kopen in 5 stappen</span></h2>
                    <img src="images/tag-arrow.png" class="arrow" alt="">
    
                    <div class="clear"></div>
    
                </section>
    
            </article>

    Fix any of the following:

    • Some page content is not contained by landmarks
    18

    Element location

    .text:nth-child(1) > .left:nth-child(1) > span

    Element source

    <span>1</span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    19

    Element location

    .text:nth-child(1) > .noGap.left > span

    Element source

    <span>4</span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    20

    Element location

    .text:nth-child(2) > .left:nth-child(1) > span

    Element source

    <span>2</span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    21

    Element location

    .text:nth-child(2) > .noGap.left > span

    Element source

    <span>5</span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    22

    Element location

    .lastGap > .left > span

    Element source

    <span>3</span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    23

    Element location

    .info-bar > .link

    Element source

    <section class="link">
    
                        <div class="over">
                            <a class="btn" href="over-ons/stappenplan/">Lees meer over ons 5-stappen plan</a>
                        </div>
    
                    </section>

    Fix any of the following:

    • Some page content is not contained by landmarks
    24

    Element location

    #stTagPopup

    Element source

    <div id="stTagPopup" class="stPopup roundedCorners container" style="display: block;">

    Fix any of the following:

    • Some page content is not contained by landmarks
    # Description Axe rule ID WCAG Nodes passed check
    1 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 1
    2 ARIA role should be appropriate for the element aria-allowed-role Best practice 1
    3 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    4 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 1
    5 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 1
    6 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 1
    7 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 1
    8 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5 1
    9 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 17
    10 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 1
    11 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    12 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 40
    13 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    14 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 2
    15 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1 5
    16 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 40
    17 Headings should not be empty empty-heading Best practice 16
    18 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2 5
    19 Heading levels should only increase by one heading-order Best practice 15
    20 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 41
    21 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 17
    22 Alternative text of images should not be repeated as text image-redundant-alt Best practice 18
    23 Form elements should have a visible label label-title-only Best practice 5
    24 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 4
    25 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice 13
    26 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice 1
    27 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice 1
    28 Ensures landmarks are unique landmark-unique Best practice 1
    29 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 47
    30 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 8
    31 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 26
    32 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 16
    33 All page content should be contained by landmarks region Best practice 234

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 38
    2 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 1
    3 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2 1

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
    4 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice
    5 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    6 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    7 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    8 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
    9 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
    10 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
    11 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    12 "role=text" should have no focusable descendants aria-text Best practice
    13 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    14 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    15 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    16 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    17 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    18 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    19 Table header text must not be empty empty-table-header WCAG 1.3.1
    20 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    21 Frames should be tested with axe-core frame-tested Best practice
    22 Frames should have a unique title attribute frame-title-unique Best practice
    23 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2
    24 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1
    25 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    26 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    27 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice
    28 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice
    29 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice
    30 Document should not have more than one main landmark landmark-no-duplicate-main Best practice
    31 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    32 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    33 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice
    34 Zooming and scaling should not be disabled meta-viewport Best practice
    35 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    36 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    37 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    38 scope attribute should be used correctly scope-attr-valid Best practice
    39 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
    40 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    41 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    42 The skip-link target should exist and be focusable skip-link Best practice
    43 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    44 Elements should not have tabindex greater than zero tabindex Best practice
    45 tables should not have the same summary and caption table-duplicate-name Best practice
    46 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    47 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    48 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
  24. AXE Accessibility Results

    axe-core found 8 violations
    # Description Axe rule ID WCAG Impact Count
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 4
    2 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 critical 1
    3 Document should have one main landmark landmark-one-main Best practice moderate 1
    4 Page should contain a level-one heading page-has-heading-one Best practice moderate 1
    5 All page content should be contained by landmarks region Best practice moderate 1

    Failed

    1. Elements must have sufficient color contrast
    Learn more
    color-contrast
    WCAG 2 Level AA, WCAG 1.4.3

    Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

    serious
    Issue Tags: cat.color wcag2aa wcag143
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #dynamicLink > a

    Element source

    <a href="https://www.essent.nl/content/sitevoorwaarden/overzicht-websites.html">E.ON groep</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    2

    Element location

    #std_cookie_show_settings

    Element source

    <a href="https://www.energiewacht.nl/#" id="std_cookie_show_settings">instellingen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    3

    Element location

    #stAcceptDefault

    Element source

    <a class="btn btn-blue" id="stAcceptDefault" href="https://www.energiewacht.nl/#">Ja, ik accepteer cookies</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #ffffff, background color: #00a9d1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stAcceptDefault
    4

    Element location

    #stSettingsButton

    Element source

    <a class="btn btn-blue-ghost" id="stSettingsButton" href="https://www.energiewacht.nl/#">Instellingen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    2. Images must have alternate text
    Learn more
    image-alt
    WCAG 2 Level A, WCAG 1.1.1

    Ensures <img> elements have alternate text or a role of none or presentation

    critical
    Issue Tags: cat.text-alternatives wcag2a wcag111 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #logo1

    Element source

    <img id="logo1" src="https://www.energiewacht.nl/content/dam/nl-energiewacht-com/images/homepage/logo-main.svg" align="left">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    3. Document should have one main landmark
    Learn more
    landmark-one-main
    Best practice

    Ensures the document has a main landmark

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html lang="nl-NL" class="">

    Fix all of the following:

    • Document does not have a main landmark
    4. Page should contain a level-one heading
    Learn more
    page-has-heading-one
    Best practice

    Ensure that the page, or at least one of its frames contains a level-one heading

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html lang="nl-NL" class="">

    Fix all of the following:

    • Page must have a level-one heading
    5. All page content should be contained by landmarks
    Learn more
    region
    Best practice

    Ensures all page content is contained by landmarks

    moderate
    Issue Tags: cat.keyboard best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #stTagPopup

    Element source

    <div id="stTagPopup" class="stPopup roundedCorners container" style="display: block;">

    Fix any of the following:

    • Some page content is not contained by landmarks
    # Description Axe rule ID WCAG Nodes passed check
    1 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    2 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 3
    3 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    4 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 4
    5 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    6 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 3
    7 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 21
    8 Headings should not be empty empty-heading Best practice 1
    9 Heading levels should only increase by one heading-order Best practice 1
    10 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    11 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    12 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 3
    13 Alternative text of images should not be repeated as text image-redundant-alt Best practice 1
    14 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 4
    15 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    16 Zooming and scaling should not be disabled meta-viewport Best practice 1
    17 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 1
    18 All page content should be contained by landmarks region Best practice 18

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2
    4 ARIA role should be appropriate for the element aria-allowed-role Best practice
    5 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
    6 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice
    7 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    8 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    9 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    10 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
    11 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2
    12 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
    13 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
    14 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    15 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2
    16 "role=text" should have no focusable descendants aria-text Best practice
    17 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    18 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    19 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    20 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2
    21 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2
    22 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5
    23 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    24 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2
    25 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    26 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    27 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1
    28 Table header text must not be empty empty-table-header WCAG 1.3.1
    29 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2
    30 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    31 Frames should be tested with axe-core frame-tested Best practice
    32 Frames should have a unique title attribute frame-title-unique Best practice
    33 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2
    34 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    35 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
    36 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    37 Form elements should have a visible label label-title-only Best practice
    38 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    39 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice
    40 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
    41 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice
    42 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice
    43 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice
    44 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice
    45 Document should not have more than one main landmark landmark-no-duplicate-main Best practice
    46 Ensures landmarks are unique landmark-unique Best practice
    47 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1
    48 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1
    49 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    50 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    51 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    52 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    53 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    54 scope attribute should be used correctly scope-attr-valid Best practice
    55 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
    56 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    57 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    58 The skip-link target should exist and be focusable skip-link Best practice
    59 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    60 Elements should not have tabindex greater than zero tabindex Best practice
    61 tables should not have the same summary and caption table-duplicate-name Best practice
    62 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    63 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    64 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
    65 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  25. AXE Accessibility Results

    axe-core found 67 violations
    # Description Axe rule ID WCAG Impact Count
    1 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 critical 1
    2 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 19
    3 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 serious 2
    4 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 minor 1
    5 Heading levels should only increase by one heading-order Best practice moderate 1
    6 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 critical 1
    7 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 critical 9
    8 Document should have one main landmark landmark-one-main Best practice moderate 1
    9 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 serious 3
    10 Zooming and scaling should not be disabled meta-viewport Best practice critical 1
    11 All page content should be contained by landmarks region Best practice moderate 28

    Failed

    1. Buttons must have discernible text
    Learn more
    button-name
    WCAG 2 Level A, WCAG 4.1.2

    Ensures buttons have discernible text

    critical
    Issue Tags: cat.name-role-value wcag2a wcag412 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .topBarSearch > form > .input-group > .input-group-btn > button

    Element source

    <button class="btn btn-default" id="searchButton" type="button"><span class="glyphicon glyphicon-search"></span></button>

    Fix any of the following:

    • Element does not have inner text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    2. Elements must have sufficient color contrast
    Learn more
    color-contrast
    WCAG 2 Level AA, WCAG 1.4.3

    Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

    serious
    Issue Tags: cat.color wcag2aa wcag143
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .topBarLink2

    Element source

    <a href="https://www.energiewachtwest.nl/zakelijk/" title="Zakelijk" class="topBarLink topBarLink2">Zakelijk</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.3 (foreground color: #999999, background color: #e8e7e8, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #fullWidthTopBar
    2

    Element location

    .topbarDesktop > p > a:nth-child(1)

    Element source

    <a href="https://www.energiewachtwest.nl/kennisbank/">Kennisbank</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.3 (foreground color: #999999, background color: #e8e7e8, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #fullWidthTopBar
    3

    Element location

    .topbarDesktop > p > a:nth-child(2)

    Element source

    <a href="https://www.energiewachtwest.nl/over-ons/">Over ons</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.3 (foreground color: #999999, background color: #e8e7e8, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #fullWidthTopBar
    4

    Element location

    .topBarSearch > form > .input-group > input[name="pattern"][value="Waar ben je naar op zoek?"][type="text"]

    Element source

    <input type="text" id="searchPattern" class="form-control" name="pattern" value="Waar ben je naar op zoek?" onclick="if(this.value == 'Waar ben je naar op zoek?')this.value = '';">

    Fix any of the following:

    • Element has insufficient color contrast of 1.45 (foreground color: #d6d6d6, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .topBarSearch > form > .input-group > input[name="pattern"][value="Waar ben je naar op zoek?"][type="text"]
    5

    Element location

    .sectionColumn1.content-wrapper > p:nth-child(2) > a

    Element source

    <a href="https://www.energiewachtwest.nl/producten/">producten en diensten</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.26 (foreground color: #0099cc, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    6

    Element location

    .col-md-6.col-lg-7.col-xs-12 > .sectionColumn1.content-wrapper > p:nth-child(4) > a

    Element source

    <a href="https://www.energiewachtwest.nl/klantenservice/">Klantenservice</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.26 (foreground color: #0099cc, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    7

    Element location

    #columnBlock2245 > .row:nth-child(1) > .col-xs-9.col-sm-10.col-md-7 > .columnBody.hidden-xs > p > a

    Element source

    <a href="https://www.energiewachtwest.nl/klantenservice/">Regel het zelf!</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.97 (foreground color: #0099cc, background color: #f4f4f4, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .sectionColumn2
    8

    Element location

    .columnBody.hidden-xs > p > a[href="tel://0885553250"]

    Element source

    <a href="tel://0885553250">088-555 3250</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.97 (foreground color: #0099cc, background color: #f4f4f4, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .sectionColumn2
    9

    Element location

    #columnBlock2246 > .row:nth-child(1) > .col-xs-9.col-sm-10.col-md-7 > .columnBody.hidden-xs > p > a

    Element source

    <a href="https://www.energiewachtwest.nl/producten/cv-ketels/cv-ketel-offerte/">online offerte</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.97 (foreground color: #0099cc, background color: #f4f4f4, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .sectionColumn2
    10

    Element location

    p > a[target="_blank"]

    Element source

    <a href="https://www.energiewachtwest.nl/klantenservice/voorwaarden-disclaimer-privacy/" target="_blank">privacy statement</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.06 (foreground color: #0099cc, background color: #fdf6f8, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #section_4783
    11

    Element location

    #columnBlock881 > .columnBodyWrapper > .columnBody > .checkmarkGreen:nth-child(3) > a

    Element source

    <a href="https://www.energiewachtwest.nl/producten/cv-ketels/">Vind de beste cv-ketel bij jouw persoonlijke situatie</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.26 (foreground color: #0099cc, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #columnBlock881
    12

    Element location

    #columnBlock882 > .columnBodyWrapper > .columnBody > .checkmarkGreen:nth-child(3) > a

    Element source

    <a href="https://www.energiewachtwest.nl/onderhoud/onderhoudscontracten/">Voorkom storingen en energieverlies met onderhoud</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.26 (foreground color: #0099cc, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #columnBlock882
    13

    Element location

    #columnBlock884 > .columnBodyWrapper > .columnBody > .checkmarkGreen:nth-child(3) > a

    Element source

    <a href="https://www.energiewachtwest.nl/producten/isolatie/">Voorkom warmteverlies met isolatie</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.26 (foreground color: #0099cc, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #columnBlock884
    14

    Element location

    #columnBlock885 > .columnBodyWrapper > .columnBody > .checkmarkGreen:nth-child(3) > a

    Element source

    <a href="https://www.energiewachtwest.nl/producten/">Geisers, boilers, thermostaten, haarden</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.26 (foreground color: #0099cc, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #columnBlock885
    15

    Element location

    #dynamicLink > a

    Element source

    <a href="https://www.essent.nl/content/sitevoorwaarden/overzicht-websites.html">E.ON groep</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    16

    Element location

    #privacyverklaring > a

    Element source

    <a href="https://www.energiewachtwest.nl/klantenservice/voorwaarden-disclaimer-privacy/">privacyverklaring</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    17

    Element location

    #std_cookie_show_settings

    Element source

    <a href="#" id="std_cookie_show_settings">instellingen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    18

    Element location

    #stAcceptDefault

    Element source

    <a class="btn btn-blue" id="stAcceptDefault" href="#">Ja, ik accepteer cookies</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #ffffff, background color: #00a9d1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stAcceptDefault
    19

    Element location

    #stSettingsButton

    Element source

    <a class="btn btn-blue-ghost" id="stSettingsButton" href="#">Instellingen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    3. IDs of active elements must be unique
    Learn more
    duplicate-id-active
    WCAG 2 Level A, WCAG 4.1.1

    Ensures every id attribute value of active elements is unique

    serious
    Issue Tags: cat.parsing wcag2a wcag411
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .topBarSearch > form > .input-group > input[name="pattern"][value="Waar ben je naar op zoek?"][type="text"]

    Element source

    <input type="text" id="searchPattern" class="form-control" name="pattern" value="Waar ben je naar op zoek?" onclick="if(this.value == 'Waar ben je naar op zoek?')this.value = '';">

    Fix any of the following:

    • Document has active elements with the same id attribute: searchPattern

    Related node:

    .col-xs-12 > form > .input-group > input[name="pattern"][value="Waar ben je naar op zoek?"][type="text"]
    2

    Element location

    .topBarSearch > form > .input-group > .input-group-btn > button

    Element source

    <button class="btn btn-default" id="searchButton" type="button"><span class="glyphicon glyphicon-search"></span></button>

    Fix any of the following:

    • Document has active elements with the same id attribute: searchButton

    Related node:

    .col-xs-12 > form > .input-group > .input-group-btn > button
    4. id attribute value must be unique
    Learn more
    duplicate-id
    WCAG 2 Level A, WCAG 4.1.1

    Ensures every id attribute value is unique

    minor
    Issue Tags: cat.parsing wcag2a wcag411
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .topBarSearch > form

    Element source

    <form id="responsiveSearch" action="https://www.energiewachtwest.nl/klantenservice/zoeken/">

    Fix any of the following:

    • Document has multiple static elements with the same id attribute: responsiveSearch

    Related node:

    .col-xs-12 > form
    5. Heading levels should only increase by one
    Learn more
    heading-order
    Best practice

    Ensures the order of headings is semantically correct

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #columnBlock2245 > .row:nth-child(1) > .col-xs-9.col-sm-10.col-md-7 > h3

    Element source

    <h3 class="columnTitle">Zelf regelen</h3>

    Fix any of the following:

    • Heading order invalid
    6. Images must have alternate text
    Learn more
    image-alt
    WCAG 2 Level A, WCAG 1.1.1

    Ensures <img> elements have alternate text or a role of none or presentation

    critical
    Issue Tags: cat.text-alternatives wcag2a wcag111 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #logo1

    Element source

    <img id="logo1" src="https://www.energiewachtwest.nl/dynamic/media/4/images/content/logo/logo-energiewacht-west.png" align="left">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    7. Form elements must have labels
    Learn more
    label
    WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1

    Ensures every form element has a label

    critical
    Issue Tags: cat.forms wcag2a wcag412 wcag131 section508 section508.22.n ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .topBarSearch > form > .input-group > input[name="pattern"][value="Waar ben je naar op zoek?"][type="text"]

    Element source

    <input type="text" id="searchPattern" class="form-control" name="pattern" value="Waar ben je naar op zoek?" onclick="if(this.value == 'Waar ben je naar op zoek?')this.value = '';">

    Fix any of the following:

    • Form element does not have an implicit (wrapped) <label>
    • Form element does not have an explicit <label>
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element has no placeholder attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    2

    Element location

    #generatedForm_152_1189

    Element source

    <input type="text" name="1189" value="" id="generatedForm_152_1189" placeholder="" autocomplete="off" onblur="javascript:formValidation.validate('generatedForm_152', this);" class="text form-control">

    Fix any of the following:

    • Form element does not have an implicit (wrapped) <label>
    • Form element does not have an explicit <label>
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element has an empty placeholder attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    3

    Element location

    #generatedForm_152_1190

    Element source

    <input type="text" name="1190" value="" id="generatedForm_152_1190" placeholder="" autocomplete="off" onblur="javascript:formValidation.validate('generatedForm_152', this);" class="text form-control">

    Fix any of the following:

    • Form element does not have an implicit (wrapped) <label>
    • Form element does not have an explicit <label>
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element has an empty placeholder attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    4

    Element location

    #\32 915_zipCode

    Element source

    <input type="text" name="2915[zipCode]" value="" maxlength="7" id="2915_zipCode" array="" onblur="javascript:formValidation.validateAndGetAddress('generatedForm_152', this);" autocomplete="off" class="form-control" placeholder="">

    Fix any of the following:

    • Form element does not have an implicit (wrapped) <label>
    • Form element does not have an explicit <label>
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element has an empty placeholder attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    5

    Element location

    #\32 915_houseNumber

    Element source

    <input type="text" name="2915[houseNumber]" value="" id="2915_houseNumber" array="" onblur="javascript:formValidation.validateAndGetAddress('generatedForm_152', this);" autocomplete="off" class="form-control" placeholder="">

    Fix any of the following:

    • Form element does not have an implicit (wrapped) <label>
    • Form element does not have an explicit <label>
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element has an empty placeholder attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    6

    Element location

    #\32 915_houseNumberAddition

    Element source

    <input type="text" name="2915[houseNumberAddition]" value="" maxlength="5" id="2915_houseNumberAddition" array="" onblur="javascript:formValidation.validateAndGetAddress('generatedForm_152', this);" autocomplete="off" class="form-control" placeholder="">

    Fix any of the following:

    • Form element does not have an implicit (wrapped) <label>
    • Form element does not have an explicit <label>
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element has an empty placeholder attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    7

    Element location

    #generatedForm_152_1193

    Element source

    <input type="text" name="1193" value="" id="generatedForm_152_1193" placeholder="" autocomplete="off" onblur="javascript:formValidation.validate('generatedForm_152', this);" class="text form-control">

    Fix any of the following:

    • Form element does not have an implicit (wrapped) <label>
    • Form element does not have an explicit <label>
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element has an empty placeholder attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    8

    Element location

    #generatedForm_152_1194

    Element source

    <input type="email" name="1194" value="" id="generatedForm_152_1194" placeholder="" autocomplete="off" onblur="javascript:formValidation.validate('generatedForm_152', this);" class="text form-control">

    Fix any of the following:

    • Form element does not have an implicit (wrapped) <label>
    • Form element does not have an explicit <label>
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element has an empty placeholder attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    9

    Element location

    #generatedForm_152_1195

    Element source

    <textarea name="1195" id="generatedForm_152_1195" placeholder="" onblur="javascript:formValidation.validate('generatedForm_152', this);" class="text form-control"></textarea>

    Fix any of the following:

    • Form element does not have an implicit (wrapped) <label>
    • Form element does not have an explicit <label>
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element has an empty placeholder attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    8. Document should have one main landmark
    Learn more
    landmark-one-main
    Best practice

    Ensures the document has a main landmark

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html lang="nl">

    Fix all of the following:

    • Document does not have a main landmark
    9. Links must have discernible text
    Learn more
    link-name
    WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4

    Ensures links have discernible text

    serious
    Issue Tags: cat.name-role-value wcag2a wcag412 wcag244 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .col-sm-push-8 > p > a

    Element source

    <a href="https://www.essent.nl/content/particulier/energie-besparen/verwarmingsinstallaties/index.html"><img alt="" src="https://www.energiewachtwest.nl/dynamic/media/4/images/content/logo/energiewacht-levert-samen-met-essent.png"></a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    2

    Element location

    a[title=""][target="_blank"]:nth-child(1)

    Element source

    <a href="https://www.facebook.com/Energiewachtwest" title="" target="_blank">
    										<i class="fa fa-fw fa-facebook"></i>
    									</a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has an empty title attribute
    3

    Element location

    a[title=""][target="_blank"]:nth-child(2)

    Element source

    <a href="https://www.linkedin.com/company/energiewachtwest" title="" target="_blank">
    										<i class="fa fa-fw fa-linkedin"></i>
    									</a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has an empty title attribute
    10. Zooming and scaling should not be disabled
    Learn more
    meta-viewport
    Best practice

    Ensures <meta name="viewport"> does not disable text scaling and zooming

    critical
    Issue Tags: cat.sensory-and-visual-cues best-practice ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    meta[name="viewport"]

    Element source

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">

    Fix any of the following:

    • user-scalable=no on <meta> tag disables zooming on mobile devices
    11. All page content should be contained by landmarks
    Learn more
    region
    Best practice

    Ensures all page content is contained by landmarks

    moderate
    Issue Tags: cat.keyboard best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #sectionMenuItemsFixed > .floatingmenu.actionButton[title="Vraag direct een offerte aan"]

    Element source

    <a class="actionButton floatingmenu hidden-sm" href="https://www.energiewachtwest.nl/producten/cv-ketels/cv-ketel-offerte/" title="Vraag direct een offerte aan">Vraag direct een offerte aan</a>

    Fix any of the following:

    • Some page content is not contained by landmarks
    2

    Element location

    .col-xs-8.col-lg-4.col-md-3

    Element source

    <div class="col-xs-8 col-sm-4 col-md-3 col-lg-4"><a href="https://www.energiewachtwest.nl/" title="Particulier" class="topBarLink active topBarLink1">Particulier</a><a href="https://www.energiewachtwest.nl/zakelijk/" title="Zakelijk" class="topBarLink topBarLink2">Zakelijk</a></div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    3

    Element location

    .topbarDesktop

    Element source

    <div class="hidden-xs topbarDesktop"><p><a href="https://www.energiewachtwest.nl/kennisbank/">Kennisbank</a>&nbsp;<a href="https://www.energiewachtwest.nl/over-ons/">Over ons</a>&nbsp;<span class="textPink">24/7 storingsdienst 088-5553250</span></p>
    </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    4

    Element location

    .logo

    Element source

    <div class="logo col-xs-8 col-md-6 col-sm-6"><a href="https://www.energiewachtwest.nl/" title="Energiewacht West"><img src="/dynamic/media/4/images/content/logo/logo-energiewacht-west.png" alt="Energiewacht West"></a></div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    5

    Element location

    .col-sm-push-8

    Element source

    <div class="col-xs-12 col-sm-4 col-sm-push-8 col-md-3 col-md-push-9">

    Fix any of the following:

    • Some page content is not contained by landmarks
    6

    Element location

    .topBarSearch > form > .input-group > input[name="pattern"][value="Waar ben je naar op zoek?"][type="text"]

    Element source

    <input type="text" id="searchPattern" class="form-control" name="pattern" value="Waar ben je naar op zoek?" onclick="if(this.value == 'Waar ben je naar op zoek?')this.value = '';">

    Fix any of the following:

    • Some page content is not contained by landmarks
    7

    Element location

    .headerTextBgColor

    Element source

    <div class="headerTextBgColor">

    Fix any of the following:

    • Some page content is not contained by landmarks
    8

    Element location

    #sectionMenuItems

    Element source

    <div id="sectionMenuItems" class="hidden-xs">

    Fix any of the following:

    • Some page content is not contained by landmarks
    9

    Element location

    .col-md-6.col-lg-7.col-xs-12

    Element source

    <div class="col-xs-12 col-md-6 col-lg-7">

    Fix any of the following:

    • Some page content is not contained by landmarks
    10

    Element location

    #columnBlock2245 > .row:nth-child(1)

    Element source

    <div class="row">

    Fix any of the following:

    • Some page content is not contained by landmarks
    11

    Element location

    #columnBlock2247 > .row:nth-child(1)

    Element source

    <div class="row">

    Fix any of the following:

    • Some page content is not contained by landmarks
    12

    Element location

    #columnBlock2246 > .row:nth-child(1)

    Element source

    <div class="row">

    Fix any of the following:

    • Some page content is not contained by landmarks
    13

    Element location

    #contact > .sectionTypeWrapper > .row > .col-md-12.col-sm-12 > .sectionColumn1.content-wrapper > h2

    Element source

    <h2>Wil je meer informatie ? Vul dan onderstaand formulier in.</h2>

    Fix any of the following:

    • Some page content is not contained by landmarks
    14

    Element location

    #elementRow_1189

    Element source

    <div class="row row_ElementText" id="elementRow_1189">

    Fix any of the following:

    • Some page content is not contained by landmarks
    15

    Element location

    #elementRow_1190

    Element source

    <div class="row row_ElementText" id="elementRow_1190">

    Fix any of the following:

    • Some page content is not contained by landmarks
    16

    Element location

    #elementRow_2915

    Element source

    <div class="row row_ElementZipCodeHouseNumber" id="elementRow_2915">

    Fix any of the following:

    • Some page content is not contained by landmarks
    17

    Element location

    .innerLabel.hidden-xs

    Element source

    <div class="innerLabel hidden-xs">Huisnummer + toevoeging*</div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    18

    Element location

    .houseNumberAdditionFieldsWrapper > .col-sm-8

    Element source

    <div class="col-sm-8">

    Fix any of the following:

    • Some page content is not contained by landmarks
    19

    Element location

    #elementRow_1193

    Element source

    <div class="row row_ElementText" id="elementRow_1193">

    Fix any of the following:

    • Some page content is not contained by landmarks
    20

    Element location

    #elementRow_1194

    Element source

    <div class="row row_ElementText" id="elementRow_1194">

    Fix any of the following:

    • Some page content is not contained by landmarks
    21

    Element location

    #elementRow_6475

    Element source

    <div class="row row_ElementRadio" id="elementRow_6475">

    Fix any of the following:

    • Some page content is not contained by landmarks
    22

    Element location

    #elementRow_6476

    Element source

    <div class="row row_ElementRadio" id="elementRow_6476">

    Fix any of the following:

    • Some page content is not contained by landmarks
    23

    Element location

    #elementRow_1195

    Element source

    <div class="row row_ElementTextarea" id="elementRow_1195">

    Fix any of the following:

    • Some page content is not contained by landmarks
    24

    Element location

    #elementRow_4605

    Element source

    <div class="row row_ElementDescription" id="elementRow_4605">

    Fix any of the following:

    • Some page content is not contained by landmarks
    25

    Element location

    #section_2821

    Element source

    <div id="section_2821">

    Fix any of the following:

    • Some page content is not contained by landmarks
    26

    Element location

    #section_3948

    Element source

    <div id="section_3948" class="sectionItemLast">

    Fix any of the following:

    • Some page content is not contained by landmarks
    27

    Element location

    .footerTextLeft

    Element source

    <div class="footerTextLeft col-xs-12">

    Fix any of the following:

    • Some page content is not contained by landmarks
    28

    Element location

    #stTagPopup

    Element source

    <div id="stTagPopup" class="stPopup roundedCorners container" style="display: block;">

    Fix any of the following:

    • Some page content is not contained by landmarks
    # Description Axe rule ID WCAG Nodes passed check
    1 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    2 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5 7
    3 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 24
    4 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    5 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 83
    6 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    7 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 12
    8 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1 3
    9 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 90
    10 Headings should not be empty empty-heading Best practice 13
    11 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2 12
    12 Heading levels should only increase by one heading-order Best practice 12
    13 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    14 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    15 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 44
    16 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 9
    17 Alternative text of images should not be repeated as text image-redundant-alt Best practice 10
    18 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2 1
    19 Form elements should have a visible label label-title-only Best practice 12
    20 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 3
    21 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice 1
    22 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice 1
    23 Ensures landmarks are unique landmark-unique Best practice 2
    24 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 56
    25 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 1
    26 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 6
    27 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    28 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 14
    29 Page should contain a level-one heading page-has-heading-one Best practice 1
    30 All page content should be contained by landmarks region Best practice 371

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 7
    2 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 1

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2
    4 ARIA role should be appropriate for the element aria-allowed-role Best practice
    5 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
    6 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice
    7 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    8 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    9 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    10 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
    11 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2
    12 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
    13 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
    14 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    15 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2
    16 "role=text" should have no focusable descendants aria-text Best practice
    17 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    18 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    19 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    20 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2
    21 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2
    22 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    23 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    24 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    25 Table header text must not be empty empty-table-header WCAG 1.3.1
    26 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    27 Frames should be tested with axe-core frame-tested Best practice
    28 Frames should have a unique title attribute frame-title-unique Best practice
    29 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2
    30 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    31 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    32 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice
    33 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
    34 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice
    35 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice
    36 Document should not have more than one main landmark landmark-no-duplicate-main Best practice
    37 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    38 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    39 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    40 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    41 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    42 scope attribute should be used correctly scope-attr-valid Best practice
    43 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
    44 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    45 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    46 The skip-link target should exist and be focusable skip-link Best practice
    47 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    48 Elements should not have tabindex greater than zero tabindex Best practice
    49 tables should not have the same summary and caption table-duplicate-name Best practice
    50 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    51 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    52 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
    53 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  26. AXE Accessibility Results

    axe-core found 67 violations
    # Description Axe rule ID WCAG Impact Count
    1 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 critical 1
    2 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 22
    3 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 serious 2
    4 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 minor 2
    5 Heading levels should only increase by one heading-order Best practice moderate 1
    6 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 critical 1
    7 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 critical 1
    8 Document should have one main landmark landmark-one-main Best practice moderate 1
    9 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 serious 5
    10 Zooming and scaling should not be disabled meta-viewport Best practice critical 1
    11 All page content should be contained by landmarks region Best practice moderate 30

    Failed

    1. Buttons must have discernible text
    Learn more
    button-name
    WCAG 2 Level A, WCAG 4.1.2

    Ensures buttons have discernible text

    critical
    Issue Tags: cat.name-role-value wcag2a wcag412 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .topBarSearch > form > .input-group > .input-group-btn > .btn-default

    Element source

    <button class="btn btn-default" id="searchButton" type="button"><span class="glyphicon glyphicon-search"></span></button>

    Fix any of the following:

    • Element does not have inner text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    2. Elements must have sufficient color contrast
    Learn more
    color-contrast
    WCAG 2 Level AA, WCAG 1.4.3

    Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

    serious
    Issue Tags: cat.color wcag2aa wcag143
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .topBarIconText > a[title="Onderhoud bevestigen"]

    Element source

    <a href="https://www.kemkens.nl/cv-ketel-onderhoud/onderhoud-bevestigen/" title="Onderhoud bevestigen">Onderhoud bevestigen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.3 (foreground color: #999999, background color: #e8e7e8, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #fullWidthTopBar
    2

    Element location

    a[href$="www.kemkensgroep.nl"]

    Element source

    <a href="http://www.kemkensgroep.nl" target="_blank">Zakelijk</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.3 (foreground color: #999999, background color: #e8e7e8, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #fullWidthTopBar
    3

    Element location

    .topbarDesktop > p > a:nth-child(2)

    Element source

    <a href="https://www.kemkens.nl/kennisbank/">Kennisbank</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.3 (foreground color: #999999, background color: #e8e7e8, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #fullWidthTopBar
    4

    Element location

    .topbarDesktop > p > a[href$="werkenbijkemkens.nl"][target="_blank"]

    Element source

    <a href="https://werkenbijkemkens.nl" target="_blank">Werken bij</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.3 (foreground color: #999999, background color: #e8e7e8, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #fullWidthTopBar
    5

    Element location

    .topbarDesktop > p > a:nth-child(4)

    Element source

    <a href="https://www.kemkens.nl/contact/">Contact</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.3 (foreground color: #999999, background color: #e8e7e8, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #fullWidthTopBar
    6

    Element location

    .topBarSearch > form > .input-group > .form-control[name="pattern"][value="Zoeken"]

    Element source

    <input type="text" id="searchPattern" class="form-control" name="pattern" value="Zoeken" onclick="if(this.value == 'Zoeken')this.value = '';">

    Fix any of the following:

    • Element has insufficient color contrast of 1.45 (foreground color: #d6d6d6, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .topBarSearch > form > .input-group > .form-control[name="pattern"][value="Zoeken"]
    7

    Element location

    #breadcrumbs

    Element source

    <div id="breadcrumbs"><a href="https://www.kemkens.nl/" title="Home">Home</a><span class="bcDelimiter"> » </span>Home</div>

    Fix any of the following:

    • Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    8

    Element location

    a[title="Home"]

    Element source

    <a href="https://www.kemkens.nl/" title="Home">Home</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    9

    Element location

    .sectionColumn1.content-wrapper > div:nth-child(5) > a:nth-child(1)

    Element source

    <a href="https://www.kemkens.nl/cv-ketels/">nieuwe cv-ketel</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.26 (foreground color: #0099cc, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    10

    Element location

    .sectionColumn1.content-wrapper > div:nth-child(5) > a:nth-child(2)

    Element source

    <a href="https://www.kemkens.nl/zonne-energie/zonnepanelen/">zonnepanelen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.26 (foreground color: #0099cc, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    11

    Element location

    .sectionColumn1.content-wrapper > div:nth-child(5) > a:nth-child(3)

    Element source

    <a href="https://www.kemkens.nl/warmtepompen/">warmtepompen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.26 (foreground color: #0099cc, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    12

    Element location

    div:nth-child(5) > a:nth-child(4)

    Element source

    <a href="https://www.kemkens.nl/zonne-energie/zonneboilers/">zonneboilers</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.26 (foreground color: #0099cc, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    13

    Element location

    div:nth-child(5) > a:nth-child(5)

    Element source

    <a href="https://www.kemkens.nl/woningisolatie/">isolatie </a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.26 (foreground color: #0099cc, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    14

    Element location

    div:nth-child(5) > a:nth-child(6)

    Element source

    <a href="https://www.kemkens.nl/ventilatie/">ventilatie</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.26 (foreground color: #0099cc, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    15

    Element location

    div:nth-child(5) > a[href$="airco/"][target="_blank"]

    Element source

    <a href="https://www.kemkens.nl/airco/" target="_blank">airco's&nbsp;</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.26 (foreground color: #0099cc, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    16

    Element location

    .totalReviews

    Element source

    <span class="totalReviews">
    					<span itemprop="votes">24778</span> beoordelingen				</span>

    Fix any of the following:

    • Element has insufficient color contrast of 1.96 (foreground color: #f498b8, background color: #fdf6f8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #section_2295
    17

    Element location

    .totalReviews > span[itemprop="votes"]

    Element source

    <span itemprop="votes">24778</span>

    Fix any of the following:

    • Element has insufficient color contrast of 1.96 (foreground color: #f498b8, background color: #fdf6f8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #section_2295
    18

    Element location

    a[href="tel://0885050300"]

    Element source

    <a href="tel://0885050300">088-5050300</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.26 (foreground color: #0099cc, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    19

    Element location

    #stAcceptDefault

    Element source

    <a class="btn btn-green" id="stAcceptDefault" href="#" onclick="CookieStatement.acceptCookies(3,true)"><span class="check">&nbsp;</span>Ja, ik accepteer cookies</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.1 (foreground color: #ffffff, background color: #54cb2b, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stAcceptDefault
    20

    Element location

    p:nth-child(5) > a[target="_blank"]:nth-child(1)

    Element source

    <a href="https://www.essent.nl/content/sitevoorwaarden/overzicht-websites.html" target="_blank">E.ON Groep</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    21

    Element location

    p:nth-child(5) > a[target="_blank"]:nth-child(2)

    Element source

    <a href="https://www.kemkens.nl/privacy/" target="_blank">privacyverklaring</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    22

    Element location

    a[onclick="CookieStatement.showSettings()"]

    Element source

    <a href="#" onclick="CookieStatement.showSettings()">instellingen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    3. IDs of active elements must be unique
    Learn more
    duplicate-id-active
    WCAG 2 Level A, WCAG 4.1.1

    Ensures every id attribute value of active elements is unique

    serious
    Issue Tags: cat.parsing wcag2a wcag411
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .topBarSearch > form > .input-group > .form-control[name="pattern"][value="Zoeken"]

    Element source

    <input type="text" id="searchPattern" class="form-control" name="pattern" value="Zoeken" onclick="if(this.value == 'Zoeken')this.value = '';">

    Fix any of the following:

    • Document has active elements with the same id attribute: searchPattern

    Related node:

    #mobileSearchWrapper > form > .input-group > .form-control[name="pattern"][value="Zoeken"]
    2

    Element location

    .topBarSearch > form > .input-group > .input-group-btn > .btn-default

    Element source

    <button class="btn btn-default" id="searchButton" type="button"><span class="glyphicon glyphicon-search"></span></button>

    Fix any of the following:

    • Document has active elements with the same id attribute: searchButton

    Related node:

    #mobileSearchWrapper > form > .input-group > .input-group-btn > .btn-default
    4. id attribute value must be unique
    Learn more
    duplicate-id
    WCAG 2 Level A, WCAG 4.1.1

    Ensures every id attribute value is unique

    minor
    Issue Tags: cat.parsing wcag2a wcag411
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .topBarSearch > form

    Element source

    <form id="responsiveSearch" action="https://www.kemkens.nl/zoekresultaten/">

    Fix any of the following:

    • Document has multiple static elements with the same id attribute: responsiveSearch

    Related node:

    #mobileSearchWrapper > form
    2

    Element location

    .ClickDeskActive > a[onclick="return false;"]

    Element source

    <a id="cd_chat" onclick="return false;"><span onclick="ClickDesk_Social_Tab_Ui.show_social_network_tab('cd_chat');" class="sprite-icons-footer-chat"></span></a>

    Fix any of the following:

    • Document has multiple static elements with the same id attribute: cd_chat

    Related node:

    .cdw-chat-session
    5. Heading levels should only increase by one
    Learn more
    heading-order
    Best practice

    Ensures the order of headings is semantically correct

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #columnBlock733 > .row:nth-child(1) > .col-sm-10.col-lg-7.col-md-7 > h3

    Element source

    <h3 class="columnTitle">Dichtbij</h3>

    Fix any of the following:

    • Heading order invalid
    6. Images must have alternate text
    Learn more
    image-alt
    WCAG 2 Level A, WCAG 1.1.1

    Ensures <img> elements have alternate text or a role of none or presentation

    critical
    Issue Tags: cat.text-alternatives wcag2a wcag111 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .stContent > .stLogo > img[align="left"]

    Element source

    <img src="https://www.kemkens.nl/dynamic/media/4/images/thema/Logo%20Kemkens%20nieuw.png" align="left">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    7. Form elements must have labels
    Learn more
    label
    WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1

    Ensures every form element has a label

    critical
    Issue Tags: cat.forms wcag2a wcag412 wcag131 section508 section508.22.n ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .topBarSearch > form > .input-group > .form-control[name="pattern"][value="Zoeken"]

    Element source

    <input type="text" id="searchPattern" class="form-control" name="pattern" value="Zoeken" onclick="if(this.value == 'Zoeken')this.value = '';">

    Fix any of the following:

    • Form element does not have an implicit (wrapped) <label>
    • Form element does not have an explicit <label>
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element has no placeholder attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    8. Document should have one main landmark
    Learn more
    landmark-one-main
    Best practice

    Ensures the document has a main landmark

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html lang="nl" class=" domloaded" id="">

    Fix all of the following:

    • Document does not have a main landmark
    9. Links must have discernible text
    Learn more
    link-name
    WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4

    Ensures links have discernible text

    serious
    Issue Tags: cat.name-role-value wcag2a wcag412 wcag244 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .headerContent > p > a

    Element source

    <a href="https://www.kemkens.nl/over-kemkens/essent/"><img alt="" src="https://www.kemkens.nl/dynamic/media/4/images/thema/Levert%20samen%20met%20Essent.png" style="float: right; width: 114px; height: 48px;"></a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    2

    Element location

    a[title=""][target="_blank"]:nth-child(1)

    Element source

    <a href="https://www.facebook.com/kemkensgroep" title="" target="_blank">
    										<i class="fa fa-fw fa-facebook"></i>
    									</a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has an empty title attribute
    3

    Element location

    a[title=""][target="_blank"]:nth-child(2)

    Element source

    <a href="https://twitter.com/KemkensGroep" title="" target="_blank">
    										<i class="fa fa-fw fa-twitter"></i>
    									</a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has an empty title attribute
    4

    Element location

    a[title=""][target="_blank"]:nth-child(3)

    Element source

    <a href="https://www.linkedin.com/company/kemkens?goback=.fcs_GLHD_kemkens_false_*2_*2_*2_*2_*2_*2_*2_*2_*2_*2_*2_*2&amp;trk=ncsrch_hits" title="" target="_blank">
    										<i class="fa fa-fw fa-linkedin"></i>
    									</a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has an empty title attribute
    5

    Element location

    a[title=""][target="_blank"]:nth-child(4)

    Element source

    <a href="https://www.youtube.com/channel/UCk1A3ykMYw6PthSLiWj9uKA" title="" target="_blank">
    										<i class="fa fa-fw fa-youtube"></i>
    									</a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has an empty title attribute
    10. Zooming and scaling should not be disabled
    Learn more
    meta-viewport
    Best practice

    Ensures <meta name="viewport"> does not disable text scaling and zooming

    critical
    Issue Tags: cat.sensory-and-visual-cues best-practice ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    meta[name="viewport"]

    Element source

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">

    Fix any of the following:

    • user-scalable=no on <meta> tag disables zooming on mobile devices
    11. All page content should be contained by landmarks
    Learn more
    region
    Best practice

    Ensures all page content is contained by landmarks

    moderate
    Issue Tags: cat.keyboard best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    img[width="25"]

    Element source

    <img src="https://www.kemkens.nl/templates/kemkens/images/svg/Mijn kemkens icoon - geel.svg" alt="Onderhoud bevestigen" class="topBarIcon hidden-xs" width="25">

    Fix any of the following:

    • Some page content is not contained by landmarks
    2

    Element location

    .topBarIconText

    Element source

    <span class="topBarIconText hidden-xs"><a href="https://www.kemkens.nl/cv-ketel-onderhoud/onderhoud-bevestigen/" title="Onderhoud bevestigen">Onderhoud bevestigen</a></span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    3

    Element location

    .topbarDesktop

    Element source

    <div class="hidden-xs topbarDesktop">

    Fix any of the following:

    • Some page content is not contained by landmarks
    4

    Element location

    .topBarSearch > form > .input-group > .form-control[name="pattern"][value="Zoeken"]

    Element source

    <input type="text" id="searchPattern" class="form-control" name="pattern" value="Zoeken" onclick="if(this.value == 'Zoeken')this.value = '';">

    Fix any of the following:

    • Some page content is not contained by landmarks
    5

    Element location

    .container:nth-child(5)

    Element source

    <div class="container">

    Fix any of the following:

    • Some page content is not contained by landmarks
    6

    Element location

    .headerImage > .container

    Element source

    <div class="container">

    Fix any of the following:

    • Some page content is not contained by landmarks
    7

    Element location

    #sectionMenuItems

    Element source

    <div id="sectionMenuItems" class="hidden-xs">

    Fix any of the following:

    • Some page content is not contained by landmarks
    8

    Element location

    .hidden-xs.container

    Element source

    <div class="container hidden-xs"><div class="row"><div class="col-xs-12"><div id="breadcrumbs"><a href="https://www.kemkens.nl/" title="Home">Home</a><span class="bcDelimiter"> » </span>Home</div></div></div></div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    9

    Element location

    .col-md-6.col-lg-7.col-xs-12

    Element source

    <div class="col-xs-12 col-md-6 col-lg-7">

    Fix any of the following:

    • Some page content is not contained by landmarks
    10

    Element location

    #columnBlock733 > .row:nth-child(1)

    Element source

    <div class="row">

    Fix any of the following:

    • Some page content is not contained by landmarks
    11

    Element location

    #columnBlock734 > .row:nth-child(1)

    Element source

    <div class="row">

    Fix any of the following:

    • Some page content is not contained by landmarks
    12

    Element location

    #columnBlock735 > .row:nth-child(1)

    Element source

    <div class="row">

    Fix any of the following:

    • Some page content is not contained by landmarks
    13

    Element location

    #section_3996

    Element source

    <div id="section_3996">

    Fix any of the following:

    • Some page content is not contained by landmarks
    14

    Element location

    #section_2294

    Element source

    <div id="section_2294">

    Fix any of the following:

    • Some page content is not contained by landmarks
    15

    Element location

    #section_2220

    Element source

    <div id="section_2220">

    Fix any of the following:

    • Some page content is not contained by landmarks
    16

    Element location

    #section_2221

    Element source

    <div id="section_2221">

    Fix any of the following:

    • Some page content is not contained by landmarks
    17

    Element location

    #ervaringen > .sectionTypeWrapper > .row > .col-md-7.col-xs-12 > .sectionColumn1.content-wrapper > h2

    Element source

    <h2 style="text-align: center;">Onze klanten zijn erg tevreden met ons</h2>

    Fix any of the following:

    • Some page content is not contained by landmarks
    18

    Element location

    .scoreText > span[itemprop="itemreviewed"]

    Element source

    <span itemprop="itemreviewed">
    				<span class="scoreText" itemprop="rating" itemscope="" itemtype="http://data-vocabulary.org/rating">
    					Zij geven ons gemiddeld een <span itemprop="average">8.4</span> van de <span itemprop="best">10</span>
    				</span>
    			</span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    19

    Element location

    .siteobject_externalreviews_aggregatesmall > .aggregateRating[itemscope=""] > .ratingStars

    Element source

    <div class="ratingStars">

    Fix any of the following:

    • Some page content is not contained by landmarks
    20

    Element location

    .aggregateRating[itemscope=""] > .recommendationText

    Element source

    <div class="recommendationText">
    			<span class="recommendationText">Bovendien beveelt 95% van onze klanten ons aan</span>
    		</div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    21

    Element location

    .col-md-7.col-xs-12 > .sectionColumn1.content-wrapper > p:nth-child(6)

    Element source

    <p style="text-align: center;"><a class="actionButtonGray" href="https://www.kemkens.nl/reviews/">Naar alle reviews</a></p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    22

    Element location

    .col-md-5.col-xs-12

    Element source

    <div class="col-xs-12 col-md-5">
    		<div class="content-wrapper sectionColumn2">
    			<p><img alt="" src="https://www.kemkens.nl/dynamic/media/4/images/content/Overig/onze-klanten-zijn-erg-tevreden-met-ons.png" style="width: 412px; height: 454px;"></p>
    
    		</div>
    	</div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    23

    Element location

    #persoonlijk-advies > .sectionTypeWrapper > .row > .col-md-12.col-sm-12 > .sectionColumn1.content-wrapper > h2

    Element source

    <h2 style="text-align: center;">Gratis persoonlijk advies?</h2>

    Fix any of the following:

    • Some page content is not contained by landmarks
    24

    Element location

    .hidden-xs.hidden-md[alt="Direct contact"]

    Element source

    <img src="/dynamic/media/4/images/content/Contact/gebeld-of-gemaild-worden.png" alt="Direct contact" class="hidden-xs hidden-sm hidden-md">

    Fix any of the following:

    • Some page content is not contained by landmarks
    25

    Element location

    #columnBody278

    Element source

    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 columnBody" id="columnBody278">

    Fix any of the following:

    • Some page content is not contained by landmarks
    26

    Element location

    .hidden-xs.hidden-md[alt="Contactformulier"]

    Element source

    <img src="/dynamic/media/4/images/content/Contact/contactformulier-invullen.png" alt="Contactformulier" class="hidden-xs hidden-sm hidden-md">

    Fix any of the following:

    • Some page content is not contained by landmarks
    27

    Element location

    #columnBody279

    Element source

    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 columnBody" id="columnBody279">

    Fix any of the following:

    • Some page content is not contained by landmarks
    28

    Element location

    #scrollToBottom

    Element source

    <div id="scrollToBottom">
    	<img src="https://www.kemkens.nl/templates/kemkens/images/svg/icon-arrow-scroll-down.svg" alt="" width="158" height="55">
    </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    29

    Element location

    .footerTextLeft

    Element source

    <div class="footerTextLeft col-xs-12">

    Fix any of the following:

    • Some page content is not contained by landmarks
    30

    Element location

    #stTagPopup

    Element source

    <div id="stTagPopup" class="stPopup roundedCorners container" style="display: block;">

    Fix any of the following:

    • Some page content is not contained by landmarks
    # Description Axe rule ID WCAG Nodes passed check
    1 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    2 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 32
    3 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    4 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 110
    5 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    6 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 1
    7 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 152
    8 Headings should not be empty empty-heading Best practice 22
    9 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2 1
    10 Heading levels should only increase by one heading-order Best practice 21
    11 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    12 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    13 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 52
    14 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 29
    15 Alternative text of images should not be repeated as text image-redundant-alt Best practice 30
    16 Form elements should have a visible label label-title-only Best practice 1
    17 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice 1
    18 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice 1
    19 Ensures landmarks are unique landmark-unique Best practice 2
    20 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 73
    21 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 1
    22 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 8
    23 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    24 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 28
    25 Page should contain a level-one heading page-has-heading-one Best practice 1
    26 All page content should be contained by landmarks region Best practice 509

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 28
    2 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 3

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2
    4 ARIA role should be appropriate for the element aria-allowed-role Best practice
    5 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
    6 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice
    7 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    8 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    9 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    10 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
    11 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2
    12 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
    13 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
    14 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    15 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2
    16 "role=text" should have no focusable descendants aria-text Best practice
    17 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    18 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    19 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    20 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2
    21 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2
    22 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5
    23 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    24 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    25 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    26 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1
    27 Table header text must not be empty empty-table-header WCAG 1.3.1
    28 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    29 Frames should be tested with axe-core frame-tested Best practice
    30 Frames should have a unique title attribute frame-title-unique Best practice
    31 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2
    32 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    33 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
    34 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    35 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice
    36 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
    37 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice
    38 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice
    39 Document should not have more than one main landmark landmark-no-duplicate-main Best practice
    40 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    41 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    42 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    43 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    44 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    45 scope attribute should be used correctly scope-attr-valid Best practice
    46 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
    47 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    48 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    49 The skip-link target should exist and be focusable skip-link Best practice
    50 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    51 Elements should not have tabindex greater than zero tabindex Best practice
    52 tables should not have the same summary and caption table-duplicate-name Best practice
    53 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    54 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    55 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
    56 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  27. AXE Accessibility Results

    axe-core found 42 violations
    # Description Axe rule ID WCAG Impact Count
    1 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 critical 1
    2 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 8
    3 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 serious 2
    4 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 minor 1
    5 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 critical 1
    6 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 critical 1
    7 Document should have one main landmark landmark-one-main Best practice moderate 1
    8 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 serious 6
    9 Zooming and scaling should not be disabled meta-viewport Best practice critical 1
    10 Page should contain a level-one heading page-has-heading-one Best practice moderate 1
    11 All page content should be contained by landmarks region Best practice moderate 19

    Failed

    1. Buttons must have discernible text
    Learn more
    button-name
    WCAG 2 Level A, WCAG 4.1.2

    Ensures buttons have discernible text

    critical
    Issue Tags: cat.name-role-value wcag2a wcag412 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .topBarSearch > form > .input-group > .input-group-btn > .btn-default

    Element source

    <button class="btn btn-default" id="searchButton" type="button"><span class="glyphicon glyphicon-search"></span></button>

    Fix any of the following:

    • Element does not have inner text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    2. Elements must have sufficient color contrast
    Learn more
    color-contrast
    WCAG 2 Level AA, WCAG 1.4.3

    Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

    serious
    Issue Tags: cat.color wcag2aa wcag143
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .topBarSearch > form > .input-group > .form-control[type="text"][name="pattern"]

    Element source

    <input type="text" id="searchPattern" class="form-control" name="pattern" value="Waar bent u naar op zoek?" onclick="if(this.value == 'Waar bent u naar op zoek?')this.value = '';">

    Fix any of the following:

    • Element has insufficient color contrast of 1.45 (foreground color: #d6d6d6, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .topBarSearch > form > .input-group > .form-control[type="text"][name="pattern"]
    2

    Element location

    .scoreText[itemprop="rating"][itemscope=""]

    Element source

    <span class="scoreText" itemprop="rating" itemscope="" itemtype="http://data-vocabulary.org/rating">
    					Zij geven ons gemiddeld een <span itemprop="average">8.5</span> van de <span itemprop="best">10</span>
    				</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.91 (foreground color: #0099cc, background color: #ebf3f8, font size: 18.0pt (24px), font weight: normal). Expected contrast ratio of 3:1

    Related node:

    #section_2295
    3

    Element location

    .scoreText[itemprop="rating"][itemscope=""] > span[itemprop="average"]

    Element source

    <span itemprop="average">8.5</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.91 (foreground color: #0099cc, background color: #ebf3f8, font size: 18.0pt (24px), font weight: normal). Expected contrast ratio of 3:1

    Related node:

    #section_2295
    4

    Element location

    .scoreText[itemprop="rating"][itemscope=""] > span[itemprop="best"]

    Element source

    <span itemprop="best">10</span>

    Fix any of the following:

    • Element has insufficient color contrast of 2.91 (foreground color: #0099cc, background color: #ebf3f8, font size: 18.0pt (24px), font weight: normal). Expected contrast ratio of 3:1

    Related node:

    #section_2295
    5

    Element location

    #dynamicLink > a

    Element source

    <a href="https://www.essent.nl/content/sitevoorwaarden/overzicht-websites.html">E.ON groep</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    6

    Element location

    #std_cookie_show_settings

    Element source

    <a href="#" id="std_cookie_show_settings">instellingen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    7

    Element location

    #stAcceptDefault

    Element source

    <a class="btn btn-blue" id="stAcceptDefault" href="#">Ja, ik accepteer cookies</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #ffffff, background color: #00a9d1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stAcceptDefault
    8

    Element location

    #stSettingsButton

    Element source

    <a class="btn btn-blue-ghost" id="stSettingsButton" href="#">Instellingen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    3. IDs of active elements must be unique
    Learn more
    duplicate-id-active
    WCAG 2 Level A, WCAG 4.1.1

    Ensures every id attribute value of active elements is unique

    serious
    Issue Tags: cat.parsing wcag2a wcag411
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .topBarSearch > form > .input-group > .form-control[type="text"][name="pattern"]

    Element source

    <input type="text" id="searchPattern" class="form-control" name="pattern" value="Waar bent u naar op zoek?" onclick="if(this.value == 'Waar bent u naar op zoek?')this.value = '';">

    Fix any of the following:

    • Document has active elements with the same id attribute: searchPattern

    Related node:

    .col-xs-12 > form > .input-group > .form-control[type="text"][name="pattern"]
    2

    Element location

    .topBarSearch > form > .input-group > .input-group-btn > .btn-default

    Element source

    <button class="btn btn-default" id="searchButton" type="button"><span class="glyphicon glyphicon-search"></span></button>

    Fix any of the following:

    • Document has active elements with the same id attribute: searchButton

    Related node:

    .col-xs-12 > form > .input-group > .input-group-btn > .btn-default
    4. id attribute value must be unique
    Learn more
    duplicate-id
    WCAG 2 Level A, WCAG 4.1.1

    Ensures every id attribute value is unique

    minor
    Issue Tags: cat.parsing wcag2a wcag411
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .topBarSearch > form

    Element source

    <form id="responsiveSearch" action="https://www.voltalimburg.nl/zoekresultaten/">

    Fix any of the following:

    • Document has multiple static elements with the same id attribute: responsiveSearch

    Related node:

    .col-xs-12 > form
    5. Images must have alternate text
    Learn more
    image-alt
    WCAG 2 Level A, WCAG 1.1.1

    Ensures <img> elements have alternate text or a role of none or presentation

    critical
    Issue Tags: cat.text-alternatives wcag2a wcag111 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #logo1

    Element source

    <img id="logo1" src="https://www.voltalimburg.nl/dynamic/media/4/images/thema/Logo-Volta.png" align="left">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    6. Form elements must have labels
    Learn more
    label
    WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1

    Ensures every form element has a label

    critical
    Issue Tags: cat.forms wcag2a wcag412 wcag131 section508 section508.22.n ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .topBarSearch > form > .input-group > .form-control[type="text"][name="pattern"]

    Element source

    <input type="text" id="searchPattern" class="form-control" name="pattern" value="Waar bent u naar op zoek?" onclick="if(this.value == 'Waar bent u naar op zoek?')this.value = '';">

    Fix any of the following:

    • Form element does not have an implicit (wrapped) <label>
    • Form element does not have an explicit <label>
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element has no placeholder attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    7. Document should have one main landmark
    Learn more
    landmark-one-main
    Best practice

    Ensures the document has a main landmark

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html lang="nl" class="">

    Fix all of the following:

    • Document does not have a main landmark
    8. Links must have discernible text
    Learn more
    link-name
    WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4

    Ensures links have discernible text

    serious
    Issue Tags: cat.name-role-value wcag2a wcag412 wcag244 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    a[target="_self"]

    Element source

    <a href="https://www.voltalimburg.nl/over-ons/essent/" target="_self"><img alt="" src="https://www.voltalimburg.nl/dynamic/media/4/images/Volta/VoltaLimburglevertmetEssent.png" style="width: 149px; height: 60px;"></a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    2

    Element location

    a[title=""][target="_blank"]:nth-child(1)

    Element source

    <a href="https://www.facebook.com/VoltaLimburg" title="" target="_blank">
    									<i class="fa fa-fw fa-facebook"></i>
    								</a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has an empty title attribute
    3

    Element location

    a[title=""][target="_blank"]:nth-child(2)

    Element source

    <a href="https://twitter.com/voltalimburg" title="" target="_blank">
    									<i class="fa fa-fw fa-twitter"></i>
    								</a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has an empty title attribute
    4

    Element location

    a[title=""][target="_blank"]:nth-child(3)

    Element source

    <a href="https://www.linkedin.com/company/volta-limburg-bv" title="" target="_blank">
    									<i class="fa fa-fw fa-linkedin"></i>
    								</a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has an empty title attribute
    5

    Element location

    a[title=""][target="_blank"]:nth-child(4)

    Element source

    <a href="https://www.youtube.com/channel/UCUnU8g8O-PLLbsIyl0dfteg" title="" target="_blank">
    									<i class="fa fa-fw fa-youtube"></i>
    								</a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has an empty title attribute
    6

    Element location

    a[href$="bespaarbazaar.nl/"]

    Element source

    <a href="https://www.bespaarbazaar.nl/" target="_blank"><img alt="" src="https://www.voltalimburg.nl/dynamic/media/4/images/content/Logo's%20merken/bespaarbazaar-logo-transparant(1).png" style="width: 303px; height: 75px;"></a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    9. Zooming and scaling should not be disabled
    Learn more
    meta-viewport
    Best practice

    Ensures <meta name="viewport"> does not disable text scaling and zooming

    critical
    Issue Tags: cat.sensory-and-visual-cues best-practice ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    meta[name="viewport"]

    Element source

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">

    Fix any of the following:

    • user-scalable=no on <meta> tag disables zooming on mobile devices
    10. Page should contain a level-one heading
    Learn more
    page-has-heading-one
    Best practice

    Ensure that the page, or at least one of its frames contains a level-one heading

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html lang="nl" class="">

    Fix all of the following:

    • Page must have a level-one heading
    11. All page content should be contained by landmarks
    Learn more
    region
    Best practice

    Ensures all page content is contained by landmarks

    moderate
    Issue Tags: cat.keyboard best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .topbarDesktop

    Element source

    <div class="hidden-xs topbarDesktop"><p><a href="https://www.voltalimburg.nl/zakelijk/">Zakelijk</a>&nbsp;<a href="https://www.voltalimburg.nl/kennisbank/">Kennisbank</a>&nbsp;<a href="https://www.voltalimburg.nl/over-ons/vacatures/">Vacatures</a></p>
    </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    2

    Element location

    .topBarSearch > form > .input-group > .form-control[type="text"][name="pattern"]

    Element source

    <input type="text" id="searchPattern" class="form-control" name="pattern" value="Waar bent u naar op zoek?" onclick="if(this.value == 'Waar bent u naar op zoek?')this.value = '';">

    Fix any of the following:

    • Some page content is not contained by landmarks
    3

    Element location

    .container:nth-child(5)

    Element source

    <div class="container">

    Fix any of the following:

    • Some page content is not contained by landmarks
    4

    Element location

    .headerTextBgColor

    Element source

    <div class="headerTextBgColor">

    Fix any of the following:

    • Some page content is not contained by landmarks
    5

    Element location

    #sectionMenuItems

    Element source

    <div id="sectionMenuItems" class="hidden-xs">

    Fix any of the following:

    • Some page content is not contained by landmarks
    6

    Element location

    #section_2294

    Element source

    <div id="section_2294">

    Fix any of the following:

    • Some page content is not contained by landmarks
    7

    Element location

    #section_3521

    Element source

    <div id="section_3521">

    Fix any of the following:

    • Some page content is not contained by landmarks
    8

    Element location

    #section_2221

    Element source

    <div id="section_2221">

    Fix any of the following:

    • Some page content is not contained by landmarks
    9

    Element location

    .col-md-7.col-xs-12 > .sectionColumn1.content-wrapper > h2

    Element source

    <h2 style="text-align: center;">Onze klanten zijn erg blij met ons</h2>

    Fix any of the following:

    • Some page content is not contained by landmarks
    10

    Element location

    .scoreText > span[itemprop="itemreviewed"]

    Element source

    <span itemprop="itemreviewed">
    				<span class="scoreText" itemprop="rating" itemscope="" itemtype="http://data-vocabulary.org/rating">
    					Zij geven ons gemiddeld een <span itemprop="average">8.5</span> van de <span itemprop="best">10</span>
    				</span>
    			</span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    11

    Element location

    .siteobject_externalreviews_aggregatesmall > .aggregateRating[itemscope=""] > .ratingStars

    Element source

    <div class="ratingStars">

    Fix any of the following:

    • Some page content is not contained by landmarks
    12

    Element location

    .aggregateRating[itemscope=""] > .recommendationText

    Element source

    <div class="recommendationText">
    			<span class="recommendationText">Bovendien beveelt 100% van onze klanten ons aan</span>
    		</div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    13

    Element location

    .col-md-7.col-xs-12 > .sectionColumn1.content-wrapper > p:nth-child(6)

    Element source

    <p style="text-align: center;"><a class="actionButtonGray" href="https://www.voltalimburg.nl/reviews/" onclick="ga('send', 'event', 'Buttons', 'Klik', 'Naar alle reviews - content');">Naar alle reviews</a></p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    14

    Element location

    .sectionTypeWrapper > .row > .col-md-5.col-xs-12

    Element source

    <div class="col-xs-12 col-md-5">
    		<div class="content-wrapper sectionColumn2" style="height: 293px;">
    			<p><img alt="" src="https://www.voltalimburg.nl/dynamic/media/4/images/Volta/Plaatsen/VoltaLimburgreviewsBart(1).png" style="width: 515px; height: 407px;"></p>
    
    		</div>
    	</div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    15

    Element location

    #scrollToBottom

    Element source

    <div id="scrollToBottom">
    	<img src="https://www.voltalimburg.nl/templates/kemkens/images/svg/scroll-naar-beneden.svg" alt="" width="200">
    </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    16

    Element location

    .footerTextLeft

    Element source

    <div class="footerTextLeft col-xs-12">

    Fix any of the following:

    • Some page content is not contained by landmarks
    17

    Element location

    .coronaPopupBody

    Element source

    <div class="coronaPopupBody">

    Fix any of the following:

    • Some page content is not contained by landmarks
    18

    Element location

    .coronaPopupButtons

    Element source

    <div class="coronaPopupButtons">
    		<div class="row">
    			<div class="col-xs-8 col-sm-8">
    							</div>
    							<div class="col-xs-4 col-sm-4">
    					<span class="coronaPopupCloseText">Sluiten</span>
    				</div>
    					</div>
    	</div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    19

    Element location

    #stTagPopup

    Element source

    <div id="stTagPopup" class="stPopup roundedCorners container" style="display: block;">

    Fix any of the following:

    • Some page content is not contained by landmarks
    # Description Axe rule ID WCAG Nodes passed check
    1 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    2 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 1
    3 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 42
    4 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    5 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 100
    6 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    7 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 3
    8 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 106
    9 Headings should not be empty empty-heading Best practice 16
    10 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2 1
    11 Heading levels should only increase by one heading-order Best practice 16
    12 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    13 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    14 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 45
    15 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 25
    16 Alternative text of images should not be repeated as text image-redundant-alt Best practice 26
    17 Form elements should have a visible label label-title-only Best practice 1
    18 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice 1
    19 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice 1
    20 Ensures landmarks are unique landmark-unique Best practice 2
    21 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 67
    22 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 4
    23 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 13
    24 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    25 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 21
    26 All page content should be contained by landmarks region Best practice 456

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 21
    2 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 2

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2
    4 ARIA role should be appropriate for the element aria-allowed-role Best practice
    5 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
    6 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice
    7 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    8 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    9 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
    10 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2
    11 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
    12 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
    13 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    14 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2
    15 "role=text" should have no focusable descendants aria-text Best practice
    16 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    17 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    18 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    19 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2
    20 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2
    21 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5
    22 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    23 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    24 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    25 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1
    26 Table header text must not be empty empty-table-header WCAG 1.3.1
    27 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    28 Frames should be tested with axe-core frame-tested Best practice
    29 Frames should have a unique title attribute frame-title-unique Best practice
    30 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2
    31 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    32 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
    33 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    34 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice
    35 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
    36 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice
    37 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice
    38 Document should not have more than one main landmark landmark-no-duplicate-main Best practice
    39 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    40 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    41 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    42 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    43 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    44 scope attribute should be used correctly scope-attr-valid Best practice
    45 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
    46 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    47 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    48 The skip-link target should exist and be focusable skip-link Best practice
    49 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    50 Elements should not have tabindex greater than zero tabindex Best practice
    51 tables should not have the same summary and caption table-duplicate-name Best practice
    52 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    53 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    54 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
    55 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  28. AXE Accessibility Results

    axe-core found 68 violations
    # Description Axe rule ID WCAG Impact Count
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 8
    2 Heading levels should only increase by one heading-order Best practice moderate 1
    3 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 critical 1
    4 Alternative text of images should not be repeated as text image-redundant-alt Best practice minor 1
    5 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice moderate 1
    6 Ensures landmarks are unique landmark-unique Best practice moderate 1
    7 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 serious 7
    8 Zooming and scaling should not be disabled meta-viewport Best practice critical 1
    9 All page content should be contained by landmarks region Best practice moderate 29
    10 Elements should not have tabindex greater than zero tabindex Best practice serious 18

    Failed

    1. Elements must have sufficient color contrast
    Learn more
    color-contrast
    WCAG 2 Level AA, WCAG 1.4.3

    Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

    serious
    Issue Tags: cat.color wcag2aa wcag143
    # Issue Description To solve this violation, you need to...
    1

    Element location

    div[data-panel="0"] > .dakcheck-block-header > .h5

    Element source

    <h3 class="h5">Comfort</h3>

    Fix any of the following:

    • Element has insufficient color contrast of 2.02 (foreground color: #ffffff, background color: #b6b6b6, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    div[data-panel="0"] > .dakcheck-block-header
    2

    Element location

    div[data-panel="1"] > .dakcheck-block-header > .h5

    Element source

    <h3 class="h5">Comfort Plus</h3>

    Fix any of the following:

    • Element has insufficient color contrast of 3.26 (foreground color: #ffffff, background color: #0099cc, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    div[data-panel="1"] > .dakcheck-block-header
    3

    Element location

    .rec > .dakcheck-block-header > .h5

    Element source

    <h3 class="h5">Premium</h3>

    Fix any of the following:

    • Element has insufficient color contrast of 2.02 (foreground color: #ffffff, background color: #b6b6b6, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .rec > .dakcheck-block-header
    4

    Element location

    .margin-bottom-0 > .color.feedback-company > .tfcwidgetcontainer-api-v2[target="_blank"] > .bundle > .tfc_count

    Element source

    <span class="tfc_count">
                        Uit 3396 reviews
                    </span>

    Fix any of the following:

    • Element has insufficient color contrast of 4.16 (foreground color: #dc006d, background color: #f8e8ee, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    .reviews > .card-section
    5

    Element location

    #stAcceptDefault

    Element source

    <a class="btn btn-green" id="stAcceptDefault" href="#" onclick="CookieStatement.acceptCookies(3,true)"><span class="check">&nbsp;</span>Ja, ik accepteer cookies</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.1 (foreground color: #ffffff, background color: #54cb2b, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stAcceptDefault
    6

    Element location

    p:nth-child(5) > a[target="_blank"]:nth-child(1)

    Element source

    <a href="https://www.essent.nl/content/sitevoorwaarden/overzicht-websites.html" target="_blank">E.ON groep</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    7

    Element location

    p:nth-child(5) > a[target="_blank"]:nth-child(2)

    Element source

    <a href="https://www.voltasolar.nl/privacy-policy/" target="_blank">privacyverklaring</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    8

    Element location

    a[onclick="CookieStatement.showSettings()"]

    Element source

    <a href="#" onclick="CookieStatement.showSettings()">instellingen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    2. Heading levels should only increase by one
    Learn more
    heading-order
    Best practice

    Ensures the order of headings is semantically correct

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .margin-bottom-1.column:nth-child(1) > .usp-wrapper.align-middle.flex-row > .h5.margin-0

    Element source

    <h3 class="h5 margin-0">
                            Gespecialiseerd in zonne-energie                    </h3>

    Fix any of the following:

    • Heading order invalid
    3. Images must have alternate text
    Learn more
    image-alt
    WCAG 2 Level A, WCAG 1.1.1

    Ensures <img> elements have alternate text or a role of none or presentation

    critical
    Issue Tags: cat.text-alternatives wcag2a wcag111 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .stContent > .stLogo > img[align="left"]

    Element source

    <img src="https://www.voltasolar.nl/wp-content/uploads/voltasolar300width.jpg" align="left">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    4. Alternative text of images should not be repeated as text
    Learn more
    image-redundant-alt
    Best practice

    Ensure image alternative is not repeated as text

    minor
    Issue Tags: cat.text-alternatives best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    img[alt="menu"]

    Element source

    <img src="https://voltasolar.nl/wp-content/themes/voltasolar/dist/assets/img/menu.svg" alt="menu">

    Fix all of the following:

    • Element contains <img> element with alt text that duplicates existing text
    5. Document should not have more than one contentinfo landmark
    Learn more
    landmark-no-duplicate-contentinfo
    Best practice

    Ensures the document has at most one contentinfo landmark

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #dakcheck-footer

    Element source

    <footer id="dakcheck-footer" class="footer">

    Fix any of the following:

    • Document has more than one contentinfo landmark

    Related node:

    #footer
    6. Ensures landmarks are unique
    Learn more
    landmark-unique
    Best practice

    Landmarks should have a unique role or role/label/title (i.e. accessible name) combination

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #dakcheck-footer

    Element source

    <footer id="dakcheck-footer" class="footer">

    Fix any of the following:

    • The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable

    Related node:

    #footer
    7. Links must have discernible text
    Learn more
    link-name
    WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4

    Ensures links have discernible text

    serious
    Issue Tags: cat.name-role-value wcag2a wcag412 wcag244 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .large-text-center.text-right.column > .logo[href$="voltasolar.nl"]

    Element source

    <a href="https://voltasolar.nl" class="logo" style="max-width: 203px;">

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    2

    Element location

    .top_bar_social[target="_blank"]:nth-child(1)

    Element source

    <a class="top_bar_social" href="https://www.facebook.com/voltasolarNL" target="_blank"><i class="fa fa-facebook"></i></a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    3

    Element location

    .top_bar_social[target="_blank"]:nth-child(2)

    Element source

    <a class="top_bar_social" href="https://www.linkedin.com/company/volta-solar-bv/" target="_blank"><i class="fa fa-linkedin"></i></a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    4

    Element location

    .top_bar_social[target="_blank"]:nth-child(3)

    Element source

    <a class="top_bar_social" href="https://www.youtube.com/channel/UCG_sDc-S2XKkYkd_yZ85KmA" target="_blank"><i class="fa fa-youtube"></i></a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    5

    Element location

    #reviews_labels > .partners.no-bullet > li:nth-child(1) > a[href$="hollandsolar.nl/"][target="_blank"]

    Element source

    <a target="_blank" href="https://hollandsolar.nl/">

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    6

    Element location

    #reviews_labels > .partners.no-bullet > li:nth-child(2) > a[href$="installq.nl/"][target="_blank"]

    Element source

    <a target="_blank" href="https://installq.nl/">

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    7

    Element location

    #reviews_labels > .partners.no-bullet > li:nth-child(3) > a[href$="zonnekeur.nl/"][target="_blank"]

    Element source

    <a target="_blank" href="http://www.zonnekeur.nl/">

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    8. Zooming and scaling should not be disabled
    Learn more
    meta-viewport
    Best practice

    Ensures <meta name="viewport"> does not disable text scaling and zooming

    critical
    Issue Tags: cat.sensory-and-visual-cues best-practice ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    meta[name="viewport"]

    Element source

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    Fix any of the following:

    • maximum-scale on <meta> tag disables zooming on mobile devices
    9. All page content should be contained by landmarks
    Learn more
    region
    Best practice

    Ensures all page content is contained by landmarks

    moderate
    Issue Tags: cat.keyboard best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .margin-bottom-1.column:nth-child(1) > .usp-wrapper.align-middle.flex-row > .h5.margin-0

    Element source

    <h3 class="h5 margin-0">
                            Gespecialiseerd in zonne-energie                    </h3>

    Fix any of the following:

    • Some page content is not contained by landmarks
    2

    Element location

    .margin-bottom-1.column:nth-child(2) > .usp-wrapper.align-middle.flex-row > .h5.margin-0

    Element source

    <h3 class="h5 margin-0">
                            Ruime kennis, meer dan 10 jaar ervaring                    </h3>

    Fix any of the following:

    • Some page content is not contained by landmarks
    3

    Element location

    .margin-bottom-1.column:nth-child(3) > .usp-wrapper.align-middle.flex-row > .h5.margin-0

    Element source

    <h3 class="h5 margin-0">
                            Gecertificeerd Zonnekeur-installateur                    </h3>

    Fix any of the following:

    • Some page content is not contained by landmarks
    4

    Element location

    .margin-bottom-1.column:nth-child(4) > .usp-wrapper.align-middle.flex-row > .h5.margin-0

    Element source

    <h3 class="h5 margin-0">
                            Eén schakel tussen fabrikant en eindklant                    </h3>

    Fix any of the following:

    • Some page content is not contained by landmarks
    5

    Element location

    .cards

    Element source

    <section class="section cards">

    Fix any of the following:

    • Some page content is not contained by landmarks
    6

    Element location

    .cta

    Element source

    <section class="section cta">

    Fix any of the following:

    • Some page content is not contained by landmarks
    7

    Element location

    .testimonials > .text-center.row

    Element source

    <div class="row text-center">

    Fix any of the following:

    • Some page content is not contained by landmarks
    8

    Element location

    .margin-bottom-1.row > .column > .feedback-company > .tfcwidgetcontainer-api-v2[target="_blank"] > .bundle > .tfc_score

    Element source

    <span class="tfc_score">
                                10/10
                            </span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    9

    Element location

    .margin-bottom-1.row > .column > .feedback-company > .tfcwidgetcontainer-api-v2[target="_blank"] > .bundle > .tfc_count

    Element source

    <span class="tfc_count">
                                via The Feedback Company                        </span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    10

    Element location

    .testimonials > .row:nth-child(3)

    Element source

    <div class="row">
            <div class="column">
                <p><strong>Door: L. Houben, Venlo</strong></p>
            </div>
        </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    11

    Element location

    .align-center.text-center.row

    Element source

    <div class="row text-center align-center">

    Fix any of the following:

    • Some page content is not contained by landmarks
    12

    Element location

    div[data-panel="0"]

    Element source

    <div class="column  dakcheck-block-label ja-solar" data-panel="0">

    Fix any of the following:

    • Some page content is not contained by landmarks
    13

    Element location

    div[data-panel="1"] > .dakcheck-block-header > .h5

    Element source

    <h3 class="h5">Comfort Plus</h3>

    Fix any of the following:

    • Some page content is not contained by landmarks
    14

    Element location

    div[data-panel="1"] > .dakcheck-block

    Element source

    <div class="dakcheck-block">

    Fix any of the following:

    • Some page content is not contained by landmarks
    15

    Element location

    .rec

    Element source

    <div class="column  dakcheck-block-label rec" data-panel="2">

    Fix any of the following:

    • Some page content is not contained by landmarks
    16

    Element location

    .align-center.row:nth-child(3)

    Element source

    <div class="row align-center">
                    <div class="column text-center">
                        <a class="button large primary" href="https://voltasolar.nl/aanbod-zonnepanelen/" target="_self">Bekijk de zonnepanelen</a>
                    </div>
                </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    17

    Element location

    .advice > .text-center.row

    Element source

    <div class="row text-center">
                    <div class="column section-title margin-bottom-2">
                        <h2 class="h2">Ons adviesgesprek en installatie</h2>
                    </div>
                </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    18

    Element location

    .medium-5.large-4.small-12

    Element source

    <div class="column small-12 medium-5 large-4">

    Fix any of the following:

    • Some page content is not contained by landmarks
    19

    Element location

    .h4.margin-bottom-1

    Element source

    <h3 class="h4 margin-bottom-1">Onze klanten zijn erg tevreden met ons!</h3>

    Fix any of the following:

    • Some page content is not contained by landmarks
    20

    Element location

    .margin-bottom-0 > .color.feedback-company > .tfcwidgetcontainer-api-v2[target="_blank"] > .bundle > .tfc_score

    Element source

    <span class="tfc_score">
                        8/10
                    </span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    21

    Element location

    .margin-bottom-0 > .color.feedback-company > .tfcwidgetcontainer-api-v2[target="_blank"] > .bundle > .tfc_count

    Element source

    <span class="tfc_count">
                        Uit 3396 reviews
                    </span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    22

    Element location

    .card-section > p

    Element source

    <p>Bovendien beveelt <strong>96%</strong> van onze klanten ons aan</p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    23

    Element location

    .text-center.margin-bottom-2.row

    Element source

    <div class="row text-center margin-bottom-2">
                <div class="column">
                    <h2>Selecteer een onderwerp</h2>
                </div>
            </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    24

    Element location

    .small-12.margin-bottom-1.column:nth-child(1) > .card[target="_self"] > .card-section > .large-align-middle.align-top.flex-row:nth-child(1)

    Element source

    <div class="flex-row align-top large-align-middle">

    Fix any of the following:

    • Some page content is not contained by landmarks
    25

    Element location

    .small-12.margin-bottom-1.column:nth-child(2) > .card[target="_self"] > .card-section > .large-align-middle.align-top.flex-row:nth-child(1)

    Element source

    <div class="flex-row align-top large-align-middle">

    Fix any of the following:

    • Some page content is not contained by landmarks
    26

    Element location

    .small-12.margin-bottom-1.column:nth-child(3) > .card[target="_self"] > .card-section > .large-align-middle.align-top.flex-row:nth-child(1)

    Element source

    <div class="flex-row align-top large-align-middle">

    Fix any of the following:

    • Some page content is not contained by landmarks
    27

    Element location

    .text-left.row

    Element source

    <div class="row text-left">

    Fix any of the following:

    • Some page content is not contained by landmarks
    28

    Element location

    #gform_29 > .gform_body.gform-body

    Element source

    <div class="gform_body gform-body">

    Fix any of the following:

    • Some page content is not contained by landmarks
    29

    Element location

    #stTagPopup

    Element source

    <div id="stTagPopup" class="stPopup roundedCorners container" style="display: block;">

    Fix any of the following:

    • Some page content is not contained by landmarks
    10. Elements should not have tabindex greater than zero
    Learn more
    tabindex
    Best practice

    Ensures tabindex attribute values are not greater than 0

    serious
    Issue Tags: cat.keyboard best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #input_58_3

    Element source

    <input name="input_3" id="input_58_3" type="text" value="" class="medium" tabindex="1" placeholder="Postcode" aria-required="true" aria-invalid="false">

    Fix any of the following:

    • Element has a tabindex greater than 0
    2

    Element location

    #input_58_4

    Element source

    <input name="input_4" id="input_58_4" type="text" value="" class="medium" tabindex="1" placeholder="Huisnr." aria-required="true" aria-invalid="false">

    Fix any of the following:

    • Element has a tabindex greater than 0
    3

    Element location

    #input_58_5

    Element source

    <input name="input_5" id="input_58_5" type="text" value="" class="medium" tabindex="1" placeholder="Toevoeging" aria-invalid="false">

    Fix any of the following:

    • Element has a tabindex greater than 0
    4

    Element location

    #input_58_7

    Element source

    <input name="input_7" id="input_58_7" type="text" step="any" value="" class="medium" tabindex="1" placeholder="Stroom per jaar" aria-required="true" aria-invalid="false">

    Fix any of the following:

    • Element has a tabindex greater than 0
    5

    Element location

    span[data-tooltip="pv7wbu-tooltip"]

    Element source

    <span data-tooltip="pv7wbu-tooltip" tabindex="1" class="info has-tip" title="" aria-describedby="87doav-tooltip" data-yeti-box="87doav-tooltip" data-toggle="87doav-tooltip" data-resize="87doav-tooltip"></span>

    Fix any of the following:

    • Element has a tabindex greater than 0
    6

    Element location

    #input_58_12

    Element source

    <input name="input_12" id="input_58_12" type="email" value="" class="medium" tabindex="1" placeholder="E-mailadres" aria-required="true" aria-invalid="false">

    Fix any of the following:

    • Element has a tabindex greater than 0
    7

    Element location

    #choice_58_8_1

    Element source

    <input class="gfield-choice-input" name="input_8.1" type="checkbox" value="Ja koopwoning en privacybeleid." id="choice_58_8_1" tabindex="1">

    Fix any of the following:

    • Element has a tabindex greater than 0
    8

    Element location

    span[data-tooltip="34g9fq-tooltip"]

    Element source

    <span data-tooltip="34g9fq-tooltip" tabindex="1" class="info has-tip" title="" aria-describedby="qf5l0s-tooltip" data-yeti-box="qf5l0s-tooltip" data-toggle="qf5l0s-tooltip" data-resize="qf5l0s-tooltip"></span>

    Fix any of the following:

    • Element has a tabindex greater than 0
    9

    Element location

    #gform_submit_button_58

    Element source

    <input type="submit" id="gform_submit_button_58" class="gform_button button" value="Bereken uw besparing" tabindex="1" onclick="if(window[&quot;gf_submitting_58&quot;]){return false;}  if( !jQuery(&quot;#gform_58&quot;)[0].checkValidity || jQuery(&quot;#gform_58&quot;)[0].checkValidity()){window[&quot;gf_submitting_58&quot;]=true;}  " onkeypress="if( event.keyCode == 13 ){ if(window[&quot;gf_submitting_58&quot;]){return false;} if( !jQuery(&quot;#gform_58&quot;)[0].checkValidity || jQuery(&quot;#gform_58&quot;)[0].checkValidity()){window[&quot;gf_submitting_58&quot;]=true;}  jQuery(&quot;#gform_58&quot;).trigger(&quot;submit&quot;,[true]); }">

    Fix any of the following:

    • Element has a tabindex greater than 0
    10

    Element location

    #input_29_1

    Element source

    <input name="input_1" id="input_29_1" type="text" value="" class="medium" tabindex="1" aria-required="true" aria-invalid="false">

    Fix any of the following:

    • Element has a tabindex greater than 0
    11

    Element location

    #input_29_2

    Element source

    <input name="input_2" id="input_29_2" type="text" value="" class="medium" tabindex="1" aria-required="true" aria-invalid="false">

    Fix any of the following:

    • Element has a tabindex greater than 0
    12

    Element location

    #input_29_19

    Element source

    <input name="input_19" id="input_29_19" type="email" value="" class="medium" tabindex="1" aria-invalid="false">

    Fix any of the following:

    • Element has a tabindex greater than 0
    13

    Element location

    #input_29_5

    Element source

    <input name="input_5" id="input_29_5" type="text" value="" class="medium" tabindex="1" aria-required="true" aria-invalid="false">

    Fix any of the following:

    • Element has a tabindex greater than 0
    14

    Element location

    #input_29_22

    Element source

    <input name="input_22" id="input_29_22" type="text" value="" class="medium" tabindex="1" aria-required="true" aria-invalid="false">

    Fix any of the following:

    • Element has a tabindex greater than 0
    15

    Element location

    #choice_29_11_0

    Element source

    <input name="input_11" type="radio" value="Ja" id="choice_29_11_0" tabindex="1">

    Fix any of the following:

    • Element has a tabindex greater than 0
    16

    Element location

    #choice_29_11_1

    Element source

    <input name="input_11" type="radio" value="Nee" id="choice_29_11_1" tabindex="1">

    Fix any of the following:

    • Element has a tabindex greater than 0
    17

    Element location

    #input_29_17

    Element source

    <textarea name="input_17" id="input_29_17" class="textarea medium" tabindex="1" aria-invalid="false" rows="10" cols="50"></textarea>

    Fix any of the following:

    • Element has a tabindex greater than 0
    18

    Element location

    #gform_submit_button_29

    Element source

    <input type="submit" id="gform_submit_button_29" class="gform_button button" value="Versturen" tabindex="1" onclick="if(window[&quot;gf_submitting_29&quot;]){return false;}  if( !jQuery(&quot;#gform_29&quot;)[0].checkValidity || jQuery(&quot;#gform_29&quot;)[0].checkValidity()){window[&quot;gf_submitting_29&quot;]=true;}  " onkeypress="if( event.keyCode == 13 ){ if(window[&quot;gf_submitting_29&quot;]){return false;} if( !jQuery(&quot;#gform_29&quot;)[0].checkValidity || jQuery(&quot;#gform_29&quot;)[0].checkValidity()){window[&quot;gf_submitting_29&quot;]=true;}  jQuery(&quot;#gform_29&quot;).trigger(&quot;submit&quot;,[true]); }">

    Fix any of the following:

    • Element has a tabindex greater than 0
    # Description Axe rule ID WCAG Nodes passed check
    1 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 15
    2 ARIA role should be appropriate for the element aria-allowed-role Best practice 60
    3 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    4 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 8
    5 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 2
    6 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 2
    7 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 15
    8 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 15
    9 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 17
    10 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 1
    11 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    12 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 93
    13 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    14 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 6
    15 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1 24
    16 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 161
    17 Headings should not be empty empty-heading Best practice 26
    18 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2 14
    19 Frames should have a unique title attribute frame-title-unique Best practice 1
    20 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2 1
    21 Heading levels should only increase by one heading-order Best practice 25
    22 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    23 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    24 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 21
    25 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 34
    26 Alternative text of images should not be repeated as text image-redundant-alt Best practice 34
    27 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2 2
    28 Form elements should have a visible label label-title-only Best practice 14
    29 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 14
    30 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice 1
    31 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice 2
    32 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice 1
    33 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice 1
    34 Document should not have more than one main landmark landmark-no-duplicate-main Best practice 1
    35 Document should have one main landmark landmark-one-main Best practice 1
    36 Ensures landmarks are unique landmark-unique Best practice 2
    37 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 22
    38 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 12
    39 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 55
    40 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    41 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 38
    42 Page should contain a level-one heading page-has-heading-one Best practice 1
    43 All page content should be contained by landmarks region Best practice 611
    44 Elements should not have tabindex greater than zero tabindex Best practice 2

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 23
    2 Frames should be tested with axe-core frame-tested Best practice 1

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
    4 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice
    5 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    6 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    7 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
    8 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
    9 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
    10 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    11 "role=text" should have no focusable descendants aria-text Best practice
    12 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    13 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    14 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    15 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5
    16 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    17 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    18 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    19 Table header text must not be empty empty-table-header WCAG 1.3.1
    20 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    21 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    22 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    23 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
    24 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    25 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    26 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    27 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    28 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    29 scope attribute should be used correctly scope-attr-valid Best practice
    30 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
    31 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    32 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    33 The skip-link target should exist and be focusable skip-link Best practice
    34 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    35 tables should not have the same summary and caption table-duplicate-name Best practice
    36 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    37 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    38 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
    39 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  29. AXE Accessibility Results

    axe-core found 41 violations
    # Description Axe rule ID WCAG Impact Count
    1 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1 serious 1
    2 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 critical 1
    3 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 4
    4 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 serious 9
    5 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 critical 1
    6 Document should have one main landmark landmark-one-main Best practice moderate 1
    7 Ensures landmarks are unique landmark-unique Best practice moderate 1
    8 All page content should be contained by landmarks region Best practice moderate 23

    Failed

    1. ARIA progressbar nodes must have an accessible name
    Learn more
    aria-progressbar-name
    WCAG 2 Level A, WCAG 1.1.1

    Ensures every ARIA progressbar node has an accessible name

    serious
    Issue Tags: cat.aria wcag2a wcag111
    # Issue Description To solve this violation, you need to...
    1

    Element location

    ng-progress

    Element source

    <ng-progress _ngcontent-innogy-app-c215="" role="progressbar" _nghost-innogy-app-c72="" spinnerposition="right" dir="ltr+" thick="false" fixed="true">

    Fix any of the following:

    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    2. Buttons must have discernible text
    Learn more
    button-name
    WCAG 2 Level A, WCAG 4.1.2

    Ensures buttons have discernible text

    critical
    Issue Tags: cat.name-role-value wcag2a wcag412 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .navbar-toggle

    Element source

    <button _ngcontent-innogy-app-c212="" type="button" aira-label="Menu" wltracklink="" class="btn navbar-toggle d-xl-none p-0 ml-2" aria-expanded="false">

    Fix any of the following:

    • Element does not have inner text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    3. Elements must have sufficient color contrast
    Learn more
    color-contrast
    WCAG 2 Level AA, WCAG 1.4.3

    Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

    serious
    Issue Tags: cat.color wcag2aa wcag143
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #privacyverklaring > a

    Element source

    <a href="https://www.energiewonen.nl/privacyverklaring">privacyverklaring</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    2

    Element location

    #std_cookie_show_settings

    Element source

    <a href="#" id="std_cookie_show_settings">instellingen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    3

    Element location

    #stAcceptDefault

    Element source

    <a class="btn btn-blue" id="stAcceptDefault" href="#">Ja, ik accepteer cookies</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #ffffff, background color: #00a9d1, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stAcceptDefault
    4

    Element location

    #stSettingsButton

    Element source

    <a class="btn btn-blue-ghost" id="stSettingsButton" href="#">Instellingen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    4. IDs of active elements must be unique
    Learn more
    duplicate-id-active
    WCAG 2 Level A, WCAG 4.1.1

    Ensures every id attribute value of active elements is unique

    serious
    Issue Tags: cat.parsing wcag2a wcag411
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .text-right > sc-placeholder[name="header-items"] > ep-business-hours-indicator-container > ep-business-hours-indicator > .text-normal.text-dark[wlautomationid="open"]

    Element source

    <a wlautomationid="open" class="font-weight-normal text-normal text-dark" href="/service-en-contact" linktype="internal" id="{1FB2233A-F429-46EC-951A-AC6E3D090A3C}" data-automation-id="open"><span>Zie openingstijden</span><!----></a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {1FB2233A-F429-46EC-951A-AC6E3D090A3C}

    Related node:

    div[_ngcontent-innogy-app-c212=""]:nth-child(1) > sc-placeholder[name="header-items"] > ep-business-hours-indicator-container > ep-business-hours-indicator > .text-normal.text-dark[wlautomationid="open"]
    2

    Element location

    .col-md-8 > .cta__body.p-4.col > a[wlautomationid="cta-button"][data-automation-id="cta-button"][href$="vraag-gesprek-aan"]

    Element source

    <a _ngcontent-innogy-app-c190="" wlautomationid="cta-button" wltrackimpression="button-impression" trackimpressionmode="button" wltracklink="" class="btn btn-primary" href="/vraag-gesprek-aan" id="{165CA7CA-1CAA-4252-A8CF-5DAC320379EB}" url="/Energiewonen/Home/vraag gesprek aan" linktype="internal" data-automation-id="cta-button">

    Fix any of the following:

    • Document has active elements with the same id attribute: {165CA7CA-1CAA-4252-A8CF-5DAC320379EB}

    Related node:

    .mb-2.container[_ngcontent-innogy-app-c190=""] > .row[_ngcontent-innogy-app-c190=""] > .col[_ngcontent-innogy-app-c190=""] > .cta__body.p-4.col > a[wlautomationid="cta-button"][data-automation-id="cta-button"][href$="vraag-gesprek-aan"]
    3

    Element location

    .d-sm-block[text="Naar het Kenniscentrum"][href$="kenniscentrum"]

    Element source

    <a class="d-none d-sm-block" href="/kenniscentrum" id="{3C27DFAB-6B6B-4324-9D83-51572968D923}" text="Naar het Kenniscentrum" url="/Energiewonen/Home/kenniscentrum" linktype="internal">Naar het Kenniscentrum</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {3C27DFAB-6B6B-4324-9D83-51572968D923}

    Related node:

    .d-sm-none
    .col[_ngcontent-innogy-app-c170=""] > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c122=""]:nth-child(2) > a[text="Kenniscentrum"][href$="kenniscentrum"][linktype="internal"]
    .collapse > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c122=""]:nth-child(2) > a[text="Kenniscentrum"][href$="kenniscentrum"][linktype="internal"]
    4

    Element location

    .col[_ngcontent-innogy-app-c170=""] > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c122=""]:nth-child(1) > a[href$="projecten"][text="Projecten"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c122="" href="/projecten" text="Projecten" linktype="internal" id="{D844A3D9-BF4C-4889-9DF6-A9E1824BF1BC}">Projecten</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {D844A3D9-BF4C-4889-9DF6-A9E1824BF1BC}

    Related node:

    .collapse > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c122=""]:nth-child(1) > a[href$="projecten"][text="Projecten"][linktype="internal"]
    5

    Element location

    .col[_ngcontent-innogy-app-c170=""] > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c122=""]:nth-child(3) > a[href$="over-ons"][text="Ons verhaal"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c122="" href="/over-ons" text="Ons verhaal" linktype="internal" id="{39B545C5-2DC7-4215-8F63-D3CF2ECD39D7}">Ons verhaal</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {39B545C5-2DC7-4215-8F63-D3CF2ECD39D7}

    Related node:

    .collapse > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c122=""]:nth-child(3) > a[href$="over-ons"][text="Ons verhaal"][linktype="internal"]
    6

    Element location

    .col[_ngcontent-innogy-app-c170=""] > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c122=""]:nth-child(4) > a[href$="werken-bij-energiewonen"][text="Vacatures"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c122="" href="/werken-bij-energiewonen" text="Vacatures" linktype="internal" id="{6E1FA70B-3999-42D3-8551-70B28CE4FC69}">Vacatures</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {6E1FA70B-3999-42D3-8551-70B28CE4FC69}

    Related node:

    .collapse > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c122=""]:nth-child(4) > a[href$="werken-bij-energiewonen"][text="Vacatures"][linktype="internal"]
    7

    Element location

    .col[_ngcontent-innogy-app-c170=""] > wl-list > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c122=""]:nth-child(5) > a[text="Garantie"][href$="garantie"][linktype="internal"]

    Element source

    <a _ngcontent-innogy-app-c122="" href="/garantie" text="Garantie" linktype="internal" id="{7FA39839-988C-4A5F-8D43-953712649FB1}">Garantie</a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {7FA39839-988C-4A5F-8D43-953712649FB1}

    Related node:

    .collapse > .list-unstyled.list-no-default-spacing > li[_ngcontent-innogy-app-c122=""]:nth-child(5) > a[text="Garantie"][href$="garantie"][linktype="internal"]
    8

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > nav > .py-0[href$="privacyverklaring"][text="Privacyverklaring EnergieWonen"]

    Element source

    <a _ngcontent-innogy-app-c161="" class="nav-link py-0 pl-0 pr-2" href="/privacyverklaring" text="Privacyverklaring EnergieWonen" linktype="internal" id="{9F74156F-F2B1-4EE0-9DF0-13AA1F268346}"> Privacystatement </a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {9F74156F-F2B1-4EE0-9DF0-13AA1F268346}

    Related node:

    .nav-legal--outline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > nav > .py-0[href$="privacyverklaring"][text="Privacyverklaring EnergieWonen"]
    9

    Element location

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > nav > .py-0[href$="algemene-voorwaarden"][text="Algemene voorwaarden"]

    Element source

    <a _ngcontent-innogy-app-c161="" class="nav-link py-0 pl-0 pr-2" href="/over-ons/algemene-voorwaarden" text="Algemene voorwaarden" linktype="internal" id="{AC9A3BAA-C5EF-4660-8A42-FC7BFC33DDBE}"> Voorwaarden </a>

    Fix any of the following:

    • Document has active elements with the same id attribute: {AC9A3BAA-C5EF-4660-8A42-FC7BFC33DDBE}

    Related node:

    .nav-legal--outline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > nav > .py-0[href$="algemene-voorwaarden"][text="Algemene voorwaarden"]
    5. Images must have alternate text
    Learn more
    image-alt
    WCAG 2 Level A, WCAG 1.1.1

    Ensures <img> elements have alternate text or a role of none or presentation

    critical
    Issue Tags: cat.text-alternatives wcag2a wcag111 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #logo1

    Element source

    <img id="logo1" src="assets/logo.svg" align="left">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    6. Document should have one main landmark
    Learn more
    landmark-one-main
    Best practice

    Ensures the document has a main landmark

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html lang="nl" class="fonts-stage-1 fonts-stage-2">

    Fix all of the following:

    • Document does not have a main landmark
    7. Ensures landmarks are unique
    Learn more
    landmark-unique
    Best practice

    Landmarks should have a unique role or role/label/title (i.e. accessible name) combination

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .navbar

    Element source

    <nav _ngcontent-innogy-app-c212="" class="navbar navbar-expand navbar-light p-0 py-1 py-xl-2">

    Fix any of the following:

    • The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable

    Related node:

    .nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > nav
    8. All page content should be contained by landmarks
    Learn more
    region
    Best practice

    Ensures all page content is contained by landmarks

    moderate
    Issue Tags: cat.keyboard best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .col-6

    Element source

    <div _ngcontent-innogy-app-c196="" class="d-none d-md-block col-6">

    Fix any of the following:

    • Some page content is not contained by landmarks
    2

    Element location

    .hero__items > ep-image

    Element source

    <ep-image _nghost-innogy-app-c189="" _ngcontent-innogy-app-c196="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    3

    Element location

    .klanten-vertellen__score[data-ignore-visual-regression="1"][_ngcontent-innogy-app-c197=""]

    Element source

    <span _ngcontent-innogy-app-c197="" data-ignore-visual-regression="1" class="klanten-vertellen__score"> 9.0 </span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    4

    Element location

    .order-3 > sc-placeholder > ep-functional-usp > div[wltrackimpression="contentblock-impression"][_ngcontent-innogy-app-c191=""] > .mt-1[wlautomationid="functional-usp-title"][data-automation-id="functional-usp-title"]

    Element source

    <p _ngcontent-innogy-app-c191="" wlautomationid="functional-usp-title" class="h3 mt-1 mb-1" data-automation-id="functional-usp-title">25.000 tevreden klanten</p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    5

    Element location

    .order-3 > sc-placeholder > ep-functional-usp > div[wltrackimpression="contentblock-impression"][_ngcontent-innogy-app-c191=""] > .mb-0[wlautomationid="functional-usp-text"][data-automation-id="functional-usp-text"]

    Element source

    <p _ngcontent-innogy-app-c191="" wlautomationid="functional-usp-text" class="mb-0" data-automation-id="functional-usp-text">Sinds onze oprichting in 2009 hebben wij al meer dan 25.000 klanten geholpen. Daarmee behoren we tot de grootste zonnepanelen installateurs van Nederland. </p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    6

    Element location

    .order-sm-3 > sc-placeholder > ep-functional-usp > div[wltrackimpression="contentblock-impression"][_ngcontent-innogy-app-c191=""] > .mt-1[wlautomationid="functional-usp-title"][data-automation-id="functional-usp-title"]

    Element source

    <p _ngcontent-innogy-app-c191="" wlautomationid="functional-usp-title" class="h3 mt-1 mb-1" data-automation-id="functional-usp-title">De beste kwaliteit </p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    7

    Element location

    .order-sm-3 > sc-placeholder > ep-functional-usp > div[wltrackimpression="contentblock-impression"][_ngcontent-innogy-app-c191=""] > .mb-0[wlautomationid="functional-usp-text"][data-automation-id="functional-usp-text"]

    Element source

    <p _ngcontent-innogy-app-c191="" wlautomationid="functional-usp-text" class="mb-0" data-automation-id="functional-usp-text">Als u voor EnergieWonen kiest gaat u voor kwaliteit, want wij hebben alleen de beste zonnepanelen en omvormers in ons assortiment. </p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    8

    Element location

    .order-sm-1 > sc-placeholder > ep-functional-usp > div[wltrackimpression="contentblock-impression"][_ngcontent-innogy-app-c191=""] > .mt-1[wlautomationid="functional-usp-title"][data-automation-id="functional-usp-title"]

    Element source

    <p _ngcontent-innogy-app-c191="" wlautomationid="functional-usp-title" class="h3 mt-1 mb-1" data-automation-id="functional-usp-title">Tot 25 jaar garantie </p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    9

    Element location

    .order-sm-1 > sc-placeholder > ep-functional-usp > div[wltrackimpression="contentblock-impression"][_ngcontent-innogy-app-c191=""] > .mb-0[wlautomationid="functional-usp-text"][data-automation-id="functional-usp-text"]

    Element source

    <p _ngcontent-innogy-app-c191="" wlautomationid="functional-usp-text" class="mb-0" data-automation-id="functional-usp-text">Ook na de installatie zorgen wij dat u jarenlang probleemloos kunt blijven profiteren. Bij onze top zonnepanelen krijgt u zelfs tot 25 jaar productgarantie. </p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    10

    Element location

    ep-two-column-row:nth-child(3)

    Element source

    <ep-two-column-row _nghost-innogy-app-c218="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    11

    Element location

    ep-two-column-row:nth-child(4)

    Element source

    <ep-two-column-row _nghost-innogy-app-c218="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    12

    Element location

    ep-two-column-row:nth-child(5)

    Element source

    <ep-two-column-row _nghost-innogy-app-c218="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    13

    Element location

    .container-row-image

    Element source

    <div _ngcontent-innogy-app-c190="" wlautomationid="cta-background" class="container-row-image d-sm-block" data-automation-id="cta-background" style="background-image: url(&quot;/-/media/energiewonen/cta/cta-1.ashx?h=544&amp;iar=0&amp;w=1198&amp;hash=D028D86B2B273B3D1C1F318EA5EC06A1&quot;);">

    Fix any of the following:

    • Some page content is not contained by landmarks
    14

    Element location

    .justify-content-between

    Element source

    <div class="d-flex justify-content-between align-items-baseline">

    Fix any of the following:

    • Some page content is not contained by landmarks
    15

    Element location

    ep-grid-overview

    Element source

    <ep-grid-overview>

    Fix any of the following:

    • Some page content is not contained by landmarks
    16

    Element location

    wl-footer-brand

    Element source

    <wl-footer-brand _ngcontent-innogy-app-c133="" class="footer__brand-container col align-items-end text-center text-md-left" _nghost-innogy-app-c130="">

    Fix any of the following:

    • Some page content is not contained by landmarks
    17

    Element location

    .row.d-flex[_ngcontent-innogy-app-c170=""]

    Element source

    <div _ngcontent-innogy-app-c170="" class="row d-flex">

    Fix any of the following:

    • Some page content is not contained by landmarks
    18

    Element location

    .social-icons__title

    Element source

    <p _ngcontent-innogy-app-c131="" class="d-block font-weight-bold social-icons__title"> Volg ons </p>

    Fix any of the following:

    • Some page content is not contained by landmarks
    19

    Element location

    .klanten-vertellen__logo

    Element source

    <img _ngcontent-innogy-app-c197="" alt="Klanten vertellen logo" loading="lazy" class="klanten-vertellen__logo" src="dist/energiewonen/browser/assets/klantenvertellen-logo.svg">

    Fix any of the following:

    • Some page content is not contained by landmarks
    20

    Element location

    .align-items-center.d-flex[data-ignore-visual-regression="1"] > .klanten-vertellen__score[_ngcontent-innogy-app-c197=""]

    Element source

    <div _ngcontent-innogy-app-c197="" class="klanten-vertellen__score"> 9.0 </div>

    Fix any of the following:

    • Some page content is not contained by landmarks
    21

    Element location

    .klanten-vertellen__text

    Element source

    <p _ngcontent-innogy-app-c197="" class="klanten-vertellen__text">

    Fix any of the following:

    • Some page content is not contained by landmarks
    22

    Element location

    .nav-legal--inline > .nav-legal__copyright[_ngcontent-innogy-app-c132=""]

    Element source

    <span _ngcontent-innogy-app-c132="" class="nav-legal__copyright">©EnergieWonen 2021-2022</span>

    Fix any of the following:

    • Some page content is not contained by landmarks
    23

    Element location

    #stTagPopup

    Element source

    <div id="stTagPopup" class="stPopup roundedCorners container" style="display: block;">

    Fix any of the following:

    • Some page content is not contained by landmarks
    # Description Axe rule ID WCAG Nodes passed check
    1 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 4
    2 ARIA role should be appropriate for the element aria-allowed-role Best practice 48
    3 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    4 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 23
    5 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 3
    6 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 3
    7 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 4
    8 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 4
    9 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 15
    10 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    11 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 43
    12 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    13 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 3
    14 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 19
    15 Headings should not be empty empty-heading Best practice 10
    16 Heading levels should only increase by one heading-order Best practice 10
    17 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    18 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    19 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 29
    20 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 10
    21 Alternative text of images should not be repeated as text image-redundant-alt Best practice 11
    22 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice 1
    23 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice 1
    24 Ensures landmarks are unique landmark-unique Best practice 2
    25 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 31
    26 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 2
    27 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 7
    28 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    29 Zooming and scaling should not be disabled meta-viewport Best practice 1
    30 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 15
    31 Page should contain a level-one heading page-has-heading-one Best practice 1
    32 All page content should be contained by landmarks region Best practice 277
    33 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1 1

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 11

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
    4 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice
    5 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    6 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    7 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
    8 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
    9 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    10 "role=text" should have no focusable descendants aria-text Best practice
    11 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    12 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    13 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    14 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5
    15 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    16 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    17 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    18 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1
    19 Table header text must not be empty empty-table-header WCAG 1.3.1
    20 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2
    21 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    22 Frames should be tested with axe-core frame-tested Best practice
    23 Frames should have a unique title attribute frame-title-unique Best practice
    24 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2
    25 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    26 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
    27 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    28 Form elements should have a visible label label-title-only Best practice
    29 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    30 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
    31 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice
    32 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice
    33 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice
    34 Document should not have more than one main landmark landmark-no-duplicate-main Best practice
    35 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    36 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    37 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    38 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    39 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    40 scope attribute should be used correctly scope-attr-valid Best practice
    41 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
    42 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    43 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    44 The skip-link target should exist and be focusable skip-link Best practice
    45 Elements should not have tabindex greater than zero tabindex Best practice
    46 tables should not have the same summary and caption table-duplicate-name Best practice
    47 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    48 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    49 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
    50 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
  30. AXE Accessibility Results

    axe-core found 49 violations
    # Description Axe rule ID WCAG Impact Count
    1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 9
    2 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1 critical 24
    3 Heading levels should only increase by one heading-order Best practice moderate 2
    4 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 critical 1
    5 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice moderate 1
    6 Document should not have more than one main landmark landmark-no-duplicate-main Best practice moderate 1
    7 Ensures landmarks are unique landmark-unique Best practice moderate 1
    8 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 serious 8
    9 Page should contain a level-one heading page-has-heading-one Best practice moderate 1
    10 All page content should be contained by landmarks region Best practice moderate 1

    Failed

    1. Elements must have sufficient color contrast
    Learn more
    color-contrast
    WCAG 2 Level AA, WCAG 1.4.3

    Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

    serious
    Issue Tags: cat.color wcag2aa wcag143
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .view

    Element source

    <a class="action view" href="https://www.cvtotaal.nl/intergas-hre-36-30-kombi-kompakt-043327-a-label.html#reviews">42</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #94949e, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .col-md-6.mb-1.pb-1:nth-child(2) > .border.rounded.h-100
    2

    Element location

    .col-md-4.col-12:nth-child(1) > a[href$="ketelkiezer"]

    Element source

    <a href="/ketelkiezer" class="btn btn-secondary">Naar de CV-ketelkiezer</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.73 (foreground color: #ffffff, background color: #f07d26, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    .col-md-4.col-12:nth-child(1) > a[href$="ketelkiezer"]
    3

    Element location

    .col-lg-8 > h6

    Element source

    <h6 class="text-muted font-weight-normal">Veilig betalen met</h6>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #94949e, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    4

    Element location

    .col-lg-2.mb-3.col-6:nth-child(2) > h6

    Element source

    <h6 class="text-muted font-weight-normal">Vertrouwd online winkelen</h6>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #94949e, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    5

    Element location

    .col-lg-2.mb-3.col-6:nth-child(3) > h6

    Element source

    <h6 class="text-muted font-weight-normal">Goed beoordeeld</h6>

    Fix any of the following:

    • Element has insufficient color contrast of 3 (foreground color: #94949e, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    body
    6

    Element location

    #stAcceptDefault

    Element source

    <a class="btn btn-green" id="stAcceptDefault" href="#" onclick="CookieStatement.acceptCookies(3,true)"><span class="check">&nbsp;</span>Ja, ik accepteer cookies</a>

    Fix any of the following:

    • Element has insufficient color contrast of 2.1 (foreground color: #ffffff, background color: #54cb2b, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stAcceptDefault
    7

    Element location

    p:nth-child(5) > a:nth-child(1)

    Element source

    <a href="https://www.essent.nl/content/sitevoorwaarden/overzicht-websites.html">E.ON groep</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    8

    Element location

    p:nth-child(5) > a:nth-child(2)

    Element source

    <a href="https://www.cvtotaal.nl/privacypolicy.html">privacyverklaring</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    9

    Element location

    a[onclick="CookieStatement.showSettings()"]

    Element source

    <a href="#" onclick="CookieStatement.showSettings()">instellingen</a>

    Fix any of the following:

    • Element has insufficient color contrast of 3.41 (foreground color: #0098b3, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1

    Related node:

    #stTagPopup > .stTagPopupWrapper
    2. IDs used in ARIA and labels must be unique
    Learn more
    duplicate-id-aria
    WCAG 2 Level A, WCAG 4.1.1

    Ensures every id attribute value used in ARIA and in labels is unique

    critical
    Issue Tags: cat.parsing wcag2a wcag411
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .disable-touch-link[data-target="#nav-menu-69961"][aria-controls="nav-menu-69961"]

    Element source

    <a class="d-none d-lg-block disable-touch-link nav-link collapsed" href="https://www.cvtotaal.nl/cv-ketels/" id="nav-link-69961" data-toggle="collapse" data-target="#nav-menu-69961" aria-controls="nav-menu-69961" aria-expanded="false">

    Fix any of the following:

    • Document has multiple elements referenced with ARIA with the same id attribute: nav-link-69961

    Related node:

    .d-lg-none[data-target="#nav-menu-69961"][aria-controls="nav-menu-69961"]
    2

    Element location

    .disable-touch-link[data-target="#nav-menu-69962"][aria-controls="nav-menu-69962"]

    Element source

    <a class="d-none d-lg-block disable-touch-link nav-link collapsed" href="https://www.cvtotaal.nl/cv-ketels/" id="nav-link-69962" data-toggle="collapse" data-target="#nav-menu-69962" aria-controls="nav-menu-69962" aria-expanded="false">

    Fix any of the following:

    • Document has multiple elements referenced with ARIA with the same id attribute: nav-link-69962

    Related node:

    .d-lg-none[data-target="#nav-menu-69962"][aria-controls="nav-menu-69962"]
    3

    Element location

    .disable-touch-link[data-target="#nav-menu-69977"][aria-controls="nav-menu-69977"]

    Element source

    <a class="d-none d-lg-block disable-touch-link nav-link collapsed" href="https://www.cvtotaal.nl/cv-ketels/onderdelen/" id="nav-link-69977" data-toggle="collapse" data-target="#nav-menu-69977" aria-controls="nav-menu-69977" aria-expanded="false">

    Fix any of the following:

    • Document has multiple elements referenced with ARIA with the same id attribute: nav-link-69977

    Related node:

    .d-lg-none[data-target="#nav-menu-69977"][aria-controls="nav-menu-69977"]
    4

    Element location

    .disable-touch-link[data-target="#nav-menu-69982"][aria-controls="nav-menu-69982"]

    Element source

    <a class="d-none d-lg-block disable-touch-link nav-link collapsed" href="https://www.cvtotaal.nl/advies/" id="nav-link-69982" data-toggle="collapse" data-target="#nav-menu-69982" aria-controls="nav-menu-69982" aria-expanded="false">

    Fix any of the following:

    • Document has multiple elements referenced with ARIA with the same id attribute: nav-link-69982

    Related node:

    .d-lg-none[data-target="#nav-menu-69982"][aria-controls="nav-menu-69982"]
    5

    Element location

    a[data-target="#nav-menu-69991"][aria-controls="nav-menu-69991"][href$="airco/"]

    Element source

    <a class="d-none d-lg-block disable-touch-link nav-link collapsed" href="https://www.cvtotaal.nl/airco/" id="nav-link-69991" data-toggle="collapse" data-target="#nav-menu-69991" aria-controls="nav-menu-69991" aria-expanded="false">
            <span>
                            Airco        </span>
        </a>

    Fix any of the following:

    • Document has multiple elements referenced with ARIA with the same id attribute: nav-link-69991

    Related node:

    .d-lg-none[data-target="#nav-menu-69991"][aria-controls="nav-menu-69991"]
    6

    Element location

    a[data-target="#nav-menu-69992"][aria-controls="nav-menu-69992"][href$="airco/"]

    Element source

    <a class="d-none d-lg-block disable-touch-link nav-link collapsed" href="https://www.cvtotaal.nl/airco/" id="nav-link-69992" data-toggle="collapse" data-target="#nav-menu-69992" aria-controls="nav-menu-69992" aria-expanded="false">

    Fix any of the following:

    • Document has multiple elements referenced with ARIA with the same id attribute: nav-link-69992

    Related node:

    .d-lg-none[data-target="#nav-menu-69992"][aria-controls="nav-menu-69992"]
    7

    Element location

    .disable-touch-link[data-target="#nav-menu-70002"][aria-controls="nav-menu-70002"]

    Element source

    <a class="d-none d-lg-block disable-touch-link nav-link collapsed" href="https://www.cvtotaal.nl/airco/onderdelen/" id="nav-link-70002" data-toggle="collapse" data-target="#nav-menu-70002" aria-controls="nav-menu-70002" aria-expanded="false">

    Fix any of the following:

    • Document has multiple elements referenced with ARIA with the same id attribute: nav-link-70002

    Related node:

    .d-lg-none[data-target="#nav-menu-70002"][aria-controls="nav-menu-70002"]
    8

    Element location

    .disable-touch-link[data-target="#nav-menu-70010"][aria-controls="nav-menu-70010"]

    Element source

    <a class="d-none d-lg-block disable-touch-link nav-link collapsed" href="https://www.cvtotaal.nl/radiatoren/" id="nav-link-70010" data-toggle="collapse" data-target="#nav-menu-70010" aria-controls="nav-menu-70010" aria-expanded="false">

    Fix any of the following:

    • Document has multiple elements referenced with ARIA with the same id attribute: nav-link-70010

    Related node:

    .d-lg-none[data-target="#nav-menu-70010"][aria-controls="nav-menu-70010"]
    9

    Element location

    .disable-touch-link[data-target="#nav-menu-70011"][aria-controls="nav-menu-70011"]

    Element source

    <a class="d-none d-lg-block disable-touch-link nav-link collapsed" href="https://www.cvtotaal.nl/radiatoren/" id="nav-link-70011" data-toggle="collapse" data-target="#nav-menu-70011" aria-controls="nav-menu-70011" aria-expanded="false">

    Fix any of the following:

    • Document has multiple elements referenced with ARIA with the same id attribute: nav-link-70011

    Related node:

    .d-lg-none[data-target="#nav-menu-70011"][aria-controls="nav-menu-70011"]
    10

    Element location

    .disable-touch-link[data-target="#nav-menu-70021"][aria-controls="nav-menu-70021"]

    Element source

    <a class="d-none d-lg-block disable-touch-link nav-link collapsed" href="https://www.cvtotaal.nl/radiatoren/onderdelen/" id="nav-link-70021" data-toggle="collapse" data-target="#nav-menu-70021" aria-controls="nav-menu-70021" aria-expanded="false">

    Fix any of the following:

    • Document has multiple elements referenced with ARIA with the same id attribute: nav-link-70021

    Related node:

    .d-lg-none[data-target="#nav-menu-70021"][aria-controls="nav-menu-70021"]
    11

    Element location

    .disable-touch-link[data-target="#nav-menu-70031"][aria-controls="nav-menu-70031"]

    Element source

    <a class="d-none d-lg-block disable-touch-link nav-link collapsed" href="https://www.cvtotaal.nl/convectoren/" id="nav-link-70031" data-toggle="collapse" data-target="#nav-menu-70031" aria-controls="nav-menu-70031" aria-expanded="false">

    Fix any of the following:

    • Document has multiple elements referenced with ARIA with the same id attribute: nav-link-70031

    Related node:

    .d-lg-none[data-target="#nav-menu-70031"][aria-controls="nav-menu-70031"]
    12

    Element location

    .disable-touch-link[data-target="#nav-menu-70032"][aria-controls="nav-menu-70032"]

    Element source

    <a class="d-none d-lg-block disable-touch-link nav-link collapsed" href="https://www.cvtotaal.nl/convectoren/" id="nav-link-70032" data-toggle="collapse" data-target="#nav-menu-70032" aria-controls="nav-menu-70032" aria-expanded="false">

    Fix any of the following:

    • Document has multiple elements referenced with ARIA with the same id attribute: nav-link-70032

    Related node:

    .d-lg-none[data-target="#nav-menu-70032"][aria-controls="nav-menu-70032"]
    13

    Element location

    .disable-touch-link[data-target="#nav-menu-70039"][aria-controls="nav-menu-70039"]

    Element source

    <a class="d-none d-lg-block disable-touch-link nav-link collapsed" href="https://www.cvtotaal.nl/convectoren/onderdelen/" id="nav-link-70039" data-toggle="collapse" data-target="#nav-menu-70039" aria-controls="nav-menu-70039" aria-expanded="false">

    Fix any of the following:

    • Document has multiple elements referenced with ARIA with the same id attribute: nav-link-70039

    Related node:

    .d-lg-none[data-target="#nav-menu-70039"][aria-controls="nav-menu-70039"]
    14

    Element location

    .disable-touch-link[data-target="#nav-menu-70041"][aria-controls="nav-menu-70041"]

    Element source

    <a class="d-none d-lg-block disable-touch-link nav-link collapsed" href="https://www.cvtotaal.nl/vloerverwarming/" id="nav-link-70041" data-toggle="collapse" data-target="#nav-menu-70041" aria-controls="nav-menu-70041" aria-expanded="false">

    Fix any of the following:

    • Document has multiple elements referenced with ARIA with the same id attribute: nav-link-70041

    Related node:

    .d-lg-none[data-target="#nav-menu-70041"][aria-controls="nav-menu-70041"]
    15

    Element location

    .disable-touch-link[data-target="#nav-menu-70053"][aria-controls="nav-menu-70053"]

    Element source

    <a class="d-none d-lg-block disable-touch-link nav-link collapsed" href="https://www.cvtotaal.nl/vloerverwarming/onderdelen/" id="nav-link-70053" data-toggle="collapse" data-target="#nav-menu-70053" aria-controls="nav-menu-70053" aria-expanded="false">

    Fix any of the following:

    • Document has multiple elements referenced with ARIA with the same id attribute: nav-link-70053

    Related node:

    .d-lg-none[data-target="#nav-menu-70053"][aria-controls="nav-menu-70053"]
    16

    Element location

    .disable-touch-link[data-target="#nav-menu-70061"][aria-controls="nav-menu-70061"]

    Element source

    <a class="d-none d-lg-block disable-touch-link nav-link collapsed" href="https://www.cvtotaal.nl/pelletkachels/" id="nav-link-70061" data-toggle="collapse" data-target="#nav-menu-70061" aria-controls="nav-menu-70061" aria-expanded="false">

    Fix any of the following:

    • Document has multiple elements referenced with ARIA with the same id attribute: nav-link-70061

    Related node:

    .d-lg-none[data-target="#nav-menu-70061"][aria-controls="nav-menu-70061"]
    17

    Element location

    .disable-touch-link[data-target="#nav-menu-70065"][aria-controls="nav-menu-70065"]

    Element source

    <a class="d-none d-lg-block disable-touch-link nav-link collapsed" href="https://www.cvtotaal.nl/ventilatie/" id="nav-link-70065" data-toggle="collapse" data-target="#nav-menu-70065" aria-controls="nav-menu-70065" aria-expanded="false">

    Fix any of the following:

    • Document has multiple elements referenced with ARIA with the same id attribute: nav-link-70065

    Related node:

    .d-lg-none[data-target="#nav-menu-70065"][aria-controls="nav-menu-70065"]
    18

    Element location

    .disable-touch-link[data-target="#nav-menu-70078"][aria-controls="nav-menu-70078"]

    Element source

    <a class="d-none d-lg-block disable-touch-link nav-link collapsed" href="https://www.cvtotaal.nl/ventilatie/onderdelen/" id="nav-link-70078" data-toggle="collapse" data-target="#nav-menu-70078" aria-controls="nav-menu-70078" aria-expanded="false">

    Fix any of the following:

    • Document has multiple elements referenced with ARIA with the same id attribute: nav-link-70078

    Related node:

    .d-lg-none[data-target="#nav-menu-70078"][aria-controls="nav-menu-70078"]
    19

    Element location

    .disable-touch-link[data-target="#nav-menu-70082"][aria-controls="nav-menu-70082"]

    Element source

    <a class="d-none d-lg-block disable-touch-link nav-link collapsed" href="https://www.cvtotaal.nl/warmtepompen/lucht-water/" id="nav-link-70082" data-toggle="collapse" data-target="#nav-menu-70082" aria-controls="nav-menu-70082" aria-expanded="false">

    Fix any of the following:

    • Document has multiple elements referenced with ARIA with the same id attribute: nav-link-70082

    Related node:

    .d-lg-none[data-target="#nav-menu-70082"][aria-controls="nav-menu-70082"]
    20

    Element location

    .disable-touch-link[data-target="#nav-menu-70092"][aria-controls="nav-menu-70092"]

    Element source

    <a class="d-none d-lg-block disable-touch-link nav-link collapsed" href="https://www.cvtotaal.nl/warmtepompen/onderdelen/" id="nav-link-70092" data-toggle="collapse" data-target="#nav-menu-70092" aria-controls="nav-menu-70092" aria-expanded="false">

    Fix any of the following:

    • Document has multiple elements referenced with ARIA with the same id attribute: nav-link-70092

    Related node:

    .d-lg-none[data-target="#nav-menu-70092"][aria-controls="nav-menu-70092"]
    21

    Element location

    .disable-touch-link[data-target="#nav-menu-70094"][aria-controls="nav-menu-70094"]

    Element source

    <a class="d-none d-lg-block disable-touch-link nav-link collapsed" href="https://www.cvtotaal.nl/boilers/" id="nav-link-70094" data-toggle="collapse" data-target="#nav-menu-70094" aria-controls="nav-menu-70094" aria-expanded="false">

    Fix any of the following:

    • Document has multiple elements referenced with ARIA with the same id attribute: nav-link-70094

    Related node:

    .d-lg-none[data-target="#nav-menu-70094"][aria-controls="nav-menu-70094"]
    22

    Element location

    .disable-touch-link[data-target="#nav-menu-70106"][aria-controls="nav-menu-70106"]

    Element source

    <a class="d-none d-lg-block disable-touch-link nav-link collapsed" href="https://www.cvtotaal.nl/boilers/onderdelen/" id="nav-link-70106" data-toggle="collapse" data-target="#nav-menu-70106" aria-controls="nav-menu-70106" aria-expanded="false">

    Fix any of the following:

    • Document has multiple elements referenced with ARIA with the same id attribute: nav-link-70106

    Related node:

    .d-lg-none[data-target="#nav-menu-70106"][aria-controls="nav-menu-70106"]
    23

    Element location

    .disable-touch-link[data-target="#nav-menu-70108"][aria-controls="nav-menu-70108"]

    Element source

    <a class="d-none d-lg-block disable-touch-link nav-link collapsed" href="https://www.cvtotaal.nl/zonnepanelen" id="nav-link-70108" data-toggle="collapse" data-target="#nav-menu-70108" aria-controls="nav-menu-70108" aria-expanded="false">

    Fix any of the following:

    • Document has multiple elements referenced with ARIA with the same id attribute: nav-link-70108

    Related node:

    .d-lg-none[data-target="#nav-menu-70108"][aria-controls="nav-menu-70108"]
    24

    Element location

    .disable-touch-link[data-target="#nav-menu-70111"][aria-controls="nav-menu-70111"]

    Element source

    <a class="d-none d-lg-block disable-touch-link nav-link collapsed" href="https://www.cvtotaal.nl/thermostaten/" id="nav-link-70111" data-toggle="collapse" data-target="#nav-menu-70111" aria-controls="nav-menu-70111" aria-expanded="false">

    Fix any of the following:

    • Document has multiple elements referenced with ARIA with the same id attribute: nav-link-70111

    Related node:

    .d-lg-none[data-target="#nav-menu-70111"][aria-controls="nav-menu-70111"]
    3. Heading levels should only increase by one
    Learn more
    heading-order
    Best practice

    Ensures the order of headings is semantically correct

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .card-body > h5

    Element source

    <h5 class="card-title">De meest zuinige cv-ketels van dit moment</h5>

    Fix any of the following:

    • Heading order invalid
    2

    Element location

    .col-lg-8 > h6

    Element source

    <h6 class="text-muted font-weight-normal">Veilig betalen met</h6>

    Fix any of the following:

    • Heading order invalid
    4. Images must have alternate text
    Learn more
    image-alt
    WCAG 2 Level A, WCAG 1.1.1

    Ensures <img> elements have alternate text or a role of none or presentation

    critical
    Issue Tags: cat.text-alternatives wcag2a wcag111 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .stContent > .stLogo > img[width="300px"][align="left"]

    Element source

    <img src="https://www.cvtotaal.nl/static/frontend/Cvtotaal/cvtotaal/nl_NL/Cvtotaal_Theme/img/logo.svg" width="300px" align="left">

    Fix any of the following:

    • Element does not have an alt attribute
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    • Element's default semantics were not overridden with role="none" or role="presentation"
    5. Main landmark should not be contained in another landmark
    Learn more
    landmark-main-is-top-level
    Best practice

    Ensures the main landmark is at top level

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    main[role="main"]

    Element source

    <main role="main">

    Fix any of the following:

    • The main landmark is contained in another landmark.
    6. Document should not have more than one main landmark
    Learn more
    landmark-no-duplicate-main
    Best practice

    Ensures the document has at most one main landmark

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #maincontent

    Element source

    <main id="maincontent" class="bootstrap">

    Fix any of the following:

    • Document has more than one main landmark

    Related node:

    main[role="main"]
    7. Ensures landmarks are unique
    Learn more
    landmark-unique
    Best practice

    Landmarks should have a unique role or role/label/title (i.e. accessible name) combination

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #maincontent

    Element source

    <main id="maincontent" class="bootstrap">

    Fix any of the following:

    • The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable

    Related node:

    main[role="main"]
    8. Links must have discernible text
    Learn more
    link-name
    WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4

    Ensures links have discernible text

    serious
    Issue Tags: cat.name-role-value wcag2a wcag412 wcag244 section508 section508.22.a ACT
    # Issue Description To solve this violation, you need to...
    1

    Element location

    .text-white.card > a

    Element source

    <a href="https://www.cvtotaal.nl/cv-ketels/hr-combiketels/"><img class="card-img img-fluid lazyOwl" src="https://www.cvtotaal.nl/media/wysiwyg/Homepage_-_Gratis_expansievat3.png" alt=""></a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    2

    Element location

    .col-lg-3.col-6:nth-child(2) > a

    Element source

    <a href="https://www.cvtotaal.nl/cv-ketels/hr-combiketels/#twn|?tn_fk_manufacturer=Intergas"><img src="https://www.cvtotaal.nl/media/wysiwyg/intergas.png" alt=""><br><br></a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    3

    Element location

    .col-lg-3.col-6:nth-child(3) > a

    Element source

    <a href="https://www.cvtotaal.nl/daikin-altherma-hybride-warmtepomp-monoblock-4kw.html"><img src="https://www.cvtotaal.nl/media/wysiwyg/Group_1238_1_.png" alt=""><br><br></a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    4

    Element location

    .scrolling-wrapper-flexbox.flex-lg-wrap > a:nth-child(1)

    Element source

    <a href="https://www.cvtotaal.nl/cv-ketels/hr-combiketels/">
    </a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    5

    Element location

    .scrolling-wrapper-flexbox.flex-lg-wrap > a:nth-child(3)

    Element source

    <a href="https://www.cvtotaal.nl/warmtepompen/hybride/">
    </a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    6

    Element location

    .scrolling-wrapper-flexbox.flex-lg-wrap > a:nth-child(5)

    Element source

    <a href="https://www.cvtotaal.nl/airco/split-unit/">
    </a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    7

    Element location

    .scrolling-wrapper-flexbox.flex-lg-wrap > a:nth-child(7)

    Element source

    <a href="https://www.cvtotaal.nl/ventilatie/mechanische-ventilatieboxen/">
    </a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    8

    Element location

    a:nth-child(9)

    Element source

    <a href="https://www.cvtotaal.nl/radiatoren/">
    </a>

    Fix all of the following:

    • Element is in tab order and does not have accessible text

    Fix any of the following:

    • Element does not have text that is visible to screen readers
    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Element has no title attribute
    9. Page should contain a level-one heading
    Learn more
    page-has-heading-one
    Best practice

    Ensure that the page, or at least one of its frames contains a level-one heading

    moderate
    Issue Tags: cat.semantics best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    html

    Element source

    <html lang="nl">

    Fix all of the following:

    • Page must have a level-one heading
    10. All page content should be contained by landmarks
    Learn more
    region
    Best practice

    Ensures all page content is contained by landmarks

    moderate
    Issue Tags: cat.keyboard best-practice
    # Issue Description To solve this violation, you need to...
    1

    Element location

    #stTagPopup

    Element source

    <div id="stTagPopup" class="stPopup roundedCorners container2" style="display: block;">

    Fix any of the following:

    • Some page content is not contained by landmarks
    # Description Axe rule ID WCAG Nodes passed check
    1 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 12
    2 ARIA role should be appropriate for the element aria-allowed-role Best practice 6
    3 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
    4 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 2
    5 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 2
    6 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 2
    7 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 11
    8 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 12
    9 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5 1
    10 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 58
    11 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 6
    12 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
    13 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 174
    14 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
    15 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 3
    16 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1 74
    17 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 62
    18 Headings should not be empty empty-heading Best practice 37
    19 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2 2
    20 Heading levels should only increase by one heading-order Best practice 34
    21 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
    22 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
    23 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 87
    24 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 32
    25 Alternative text of images should not be repeated as text image-redundant-alt Best practice 33
    26 Form elements should have a visible label label-title-only Best practice 2
    27 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 2
    28 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice 1
    29 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice 1
    30 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice 1
    31 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice 1
    32 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice 1
    33 Document should have one main landmark landmark-one-main Best practice 1
    34 Ensures landmarks are unique landmark-unique Best practice 3
    35 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 124
    36 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 13
    37 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 69
    38 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
    39 Zooming and scaling should not be disabled meta-viewport Best practice 1
    40 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 36
    41 All page content should be contained by landmarks region Best practice 711
    42 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1 1
    43 Elements should not have tabindex greater than zero tabindex Best practice 1

    What 'incomplete' axe checks means?

    Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG Nodes with incomplete check
    1 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 1
    2 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 3
    3 Heading levels should only increase by one heading-order Best practice 1
    4 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 8

    What 'inapplicable' axe checks means?

    The inapplicable array lists all the rules for which no matching elements were found on the page.

    Visit axe API Documentation to learn more.

    # Description Axe rule ID WCAG
    1 accesskey attribute value should be unique accesskeys Best practice
    2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
    3 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
    4 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice
    5 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
    6 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
    7 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
    8 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
    9 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
    10 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
    11 "role=text" should have no focusable descendants aria-text Best practice
    12 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
    13 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
    14 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
    15 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
    16 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
    17 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
    18 Table header text must not be empty empty-table-header WCAG 1.3.1
    19 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
    20 Frames should be tested with axe-core frame-tested Best practice
    21 Frames should have a unique title attribute frame-title-unique Best practice
    22 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2
    23 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
    24 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
    25 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
    26 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
    27 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
    28 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
    29 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
    30 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
    31 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
    32 scope attribute should be used correctly scope-attr-valid Best practice
    33 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
    34 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
    35 The skip-link target should exist and be focusable skip-link Best practice
    36 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
    37 tables should not have the same summary and caption table-duplicate-name Best practice
    38 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
    39 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
    40 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
    41 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2

Total violations per url:

Page URL Accessibility violations
Essent.nl
Essent.nl/klantenservice
Essent.nl/energie
energiedirect.nl
Vandebron.nl
Vattenfall.nl
Vattenfall.nl/meterstanden
Eneco.nl
Oxxio.nl
Greenchoice.nl
Nle.nl
Budgetthuis.nl/energie
Deltaenergie.nl
Frankenergie.nl
Engie.nl
Pure-energy.nl
ShellEnergy.nl
GasLicht.com
Coolblue.nl/energie
Nederlandisoleert.nl
Klimaatroute.nl
Isoprofs.nl
Zon7.nl
Energiewacht.nl
EnergiewachtWest.nl
Kemkens.nl
VoltaLimburg.nl
VoltaSolar.nl
Energiewonen.nl
CV-totaal.nl